.icon-circle {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #f5f5f5;
          color: #212529;
          text-decoration: none;
          transition: all 0.3s ease;
          position: relative;
        }

        .icon-circle:hover {
          background-color: #e0e0e0;
        }

        .cart-badge {
          position: absolute;
          top: -5px;
          right: -5px;
          background: red;
          color: white;
          border-radius: 50%;
          font-size: 10px;
          padding: 2px 5px;
        }

        .navbar-nav .nav-link {
          font-weight: 500;
          /* color: #0d1b2a !important; */
        }


        .hero-content h1 {
          font-weight: 700;
          font-size: 3rem;
        }

        .hero-content p {
          font-size: 1rem;
          max-width: 400px;
        }

        .hero-wave {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
        }

        .hero-img {
          max-width: 100%;
          animation: float 3s ease-in-out infinite;
        }

        @keyframes float {

          0%,
          100% {
            transform: translateY(0);
          }

          50% {
            transform: translateY(-10px);
          }
        }

        .hero-custom {
          background-color: #2bbb84;
          color: white;
          position: relative;
          overflow: hidden;
          min-height: 60vh;
          /* increase height to 90% of viewport height */
        }

        /* Scrollable Category */
        .scroll-container {
          overflow-x: auto;
          white-space: nowrap;
          scroll-behavior: smooth;
          cursor: grab;
        }

        .scrolling-wrapper {
          display: inline-flex;
        }

        .category-card {
          flex: 0 0 auto;
          width: 160px;
          text-align: center;
          border: 1px solid #eee;
          border-radius: 5px;
          padding: 10px;
          background: #fff;
          margin-right: 1rem;
          user-select: none;
          /* drag ke liye important */
        }

        .category-card img {
          height: 80px;
          object-fit: contain;
          margin-bottom: 8px;
        }

        .scroll-container::-webkit-scrollbar {
          display: none;
        }

        /* Catalog */
        @media (max-width:992px) {

          .ordering_section_child_left_child1_navbar {
            width: 75%;
            height: 100vh;
            position: fixed;
            top: 0;
            right: 0;
            background-color: #2bbb84;
            overflow: auto;
            padding: 0 1rem 0 1rem;
            z-index: 2;
          }

          .toggle_cut_bar {
            font-size: 28px !important;
          }

        }

        @media (max-width:992px) {

          .ordering_section_child_left_child1_navbar {
            width: 75%;
            height: 100vh;
            position: fixed;
            top: 0;
            right: 0;
            background-color: #2bbb84;
            overflow: auto;
            padding: 0 1rem 0 1rem;
          }

        }

        /* catalog z-index */
        .ordering_section_child_left_child1_navbar {
          z-index: 1055;


        }



        .ordering_section {
          padding: 8rem 0 4rem 0;
          background-color: #f2fff6;
          min-height: 100vh;
        }


        .ordering_section_child_left_child1_title {
          color: white;
          background-color: #2bbb84;
          text-transform: uppercase;


        }



        .ordering_section_child_left_child1_title>h1 {
          font-size: 20px;
        }

        .ordering_section_child_left_child1_title>p {
          font-size: 18px;
        }

        .ordering_section_child_left {
          background-color: #2bbb84;
        }

        .ordering_section_child_left_child1_navbar>ul>li {
          color: black;
          list-style: none;
          text-transform: uppercase;
          background-color: #ffffff;
          height: auto;
          font-size: 16px;
          padding: 5px;
        }

        .ordering_section_child_left_child1_navbar>ul>li>a {
          text-decoration: none;
          color: black;


        }



        .ordering_section_child_left_child1_navbar_dish_list {
          color: white;
        }

        .dish_card {
          border-bottom: 1px dashed white;
          padding: 1rem 0 1rem 0;
        }

        .dish_card:last-child {
          border: none !important;
        }

        .dish_card_left>p:first-child {
          color: white;
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 700;

        }


        .dish_card_right>button {
          background-color: #ffe96d;
          border: none;
          width: 4rem;
          height: 2rem;
        }

        .dish_card_right>p {
          font-size: 28px;
          font-weight: 700;
        }

        .ordering_section_child_left_child1_navbar_dish_list_title {
          background-color: #ffffff;
          height: auto !important;
          margin-top: 1rem;
          display: inline-block;
          color: black;



        }

        .ordering_section_child_left_child1_navbar_dish_list {
          padding-top: 1rem;
        }

        .ordering_section_child_left_child1_search_bar {
          background-color: #fdfbfb;
          padding: 0.5rem;

        }

        .ordering_section_child_left_child1_search_bar input {
          width: 15rem;
          height: 2.5rem;
          border: none;

        }

        .ordering_section_child_left_child1_search_bar h2 {
          font-size: 24px !important;
          text-transform: uppercase !important;
          font-weight: 700;
          color: white;
        }

        .ordering_section_child_right_child_top {
          background-color: #56782e;
          color: black;

        }

        .ordering_section_child_right_child_top_child {
          background-color: white;


        }

        .ordering_section_child_right_child_top button {
          width: 8rem;
          height: 2.5rem;
          background-color: #ffe96d !important;
          color: black;
          border: none;
          text-transform: none;
          font-weight: 700;
        }



        .ordering_section_child_right_child_top_child p {
          font-weight: 700;

        }



        .ordering_section_child_left_child1_title span {
          color: #ffe96d !important;
        }

        .ordering_section_child_left_child1_title>p>span {
          color: white !important;
          font-size: 18px;
        }

        .ordering_section_child_left_child1_navbar_dish_list>img {
          height: 10rem;
          object-fit: cover;
          width: 100%;
        }


        /* allergies css */

        .ordering_section_child_right_child_middle {
          background-color: black;


        }

        .ordering_section_child_right_child_middle h6 {
          color: #ffffff;
          text-transform: uppercase;
          font-size: 32px;

        }

        .ordering_section_child_right_child_middle {
          padding: 3rem 1rem !important;
        }

        .ordering_section_child_right_child_middle p {
          color: white;
        }

        .ordering_section_child_right_child_middle a {
          width: auto;
          height: auto;
          padding: 8px 1rem;
          background-color: #ffffff;
          color: black;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 17px;
          font-weight: 700;
        }

        /* loyality point css */



        .ordering_section_child_right_child_bottom {
          background-color: #2bbb84;


        }

        .ordering_section_child_right_child_bottom h6 {
          color: #ffffff;
          text-transform: uppercase;
          font-size: 32px;

        }

        .ordering_section_child_right_child_bottom {
          padding: 3rem 1rem !important;
        }

        .ordering_section_child_right_child_bottom p {
          color: white;
        }

        .ordering_section_child_right_child_bottom a {
          width: auto;
          height: auto;
          padding: 8px 1rem;
          background-color: #ffffff;
          color: black;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 17px;
          font-weight: 700;
        }

        .ordering_section_child_right_child_bottom_text_anchor {
          background: transparent !important;
          font-size: 14px !important;
          color: red !important;
        }




        /* MEDIA QUERY  */

        @media (max-width:992px) {

          .ordering_section_child_left_child1_navbar_dish_list>img {
            height: 20rem;
            object-fit: cover;
            width: 100%;
          }

          .ordering_section_child_right_child_bottom>img {
            height: 15rem;
          }

        }

        /* CONTACT US PAGE CSS  */



        .contact_us_child_right_child_bottom h6 {
          text-transform: none !important;

        }

        .contact_us_child_right_child_top p {
          text-transform: none !important;
        }


        .contact_us {
          padding: 8rem 0 6rem 0 !important;
          background-color: #f5f1f2;
          ;
          min-height: 100vh;

        }

        .contact_us_child_left_child_top {
          border: 0.5rem solid #2bbb84;
        }

        .contact_us_child_left_child_middle {
          background-color: #C6AB38;

        }



        .contact_us_child_right_child_top {
          background-color: #f5f1f2;
          color: black;
          border: 0.5rem solid #2bbb84 !important;

        }

        .contact_us_child_right_child_top>p:first-child {
          background-color: #2bbb84;
          padding: 0.5rem;
          text-align: center;
          font-size: 24px;
          color: white;
          text-transform: uppercase;

        }

        .contact_us_child_right_child_bottom {
          background-color: #f5f1f2;
          color: black !important;
          border: 0.5rem solid #2bbb84 !important;

        }

        .contact_us_child_right_child_bottom>h6 {
          background-color: #ffe96d;
          padding: 0.5rem;
          text-align: center;
          font-size: 24px;
          color: black;
          text-transform: uppercase;

        }

        .contact_us_child_right_child_bottom_child_1 {
          background-color: #2bbb84;
        }



        .contact_us_child_left_child_top ul li {
          text-transform: uppercase;
          list-style: none;
          font-size: 17px;
          font-weight: 500;
        }



        .contact_us_child_left_child_top ul>li:first-child {

          font-size: 16px;

        }

        .contact_us_child_left_child_top h2 {
          text-transform: uppercase;
        }

        .delivery_title_box {
          background-color: #2bbb84;
          color: white;
          border-radius: 5px;
          padding: 5px;
        }

        .delivery_title_box_title {
          height: 3rem;
          font-size: 1rem;
          font-weight: 700;
          text-transform: none;
        }

        .delivery_body_box {
          border: 0.5rem solid #2bbb84;
        }



        .footer_top_section {
          background-color: #ffe96d;
        }

        .quick_link {
          font-size: 20px;
          font-weight: 500;
          color: black !important;

        }

        .social_icon li>a {
          font-size: 2rem;
          color: #56782e;
          font-weight: 500 !important;
        }

        .quick_link_li>ul>li {
          padding-top: 1rem !important;
          font-size: 20px;
          font-weight: 700;
          color: #56782e;
        }


        .contact_us_child_right_child_bottom h6 {
          text-transform: none !important;

        }

        .contact_us_child_right_child_top p {
          text-transform: none !important;
        }


        /* Login Register Page CSS */

        /*  MEMBER CSS 2 css */


        @media (max-width:992px) {


          .member_body {
            padding: 9rem 0 6rem 0;
            background-color: #f5f1f2;
            color: white;
            height: auto !important;

          }


          .member_body_child_left input {
            width: 100% !important;
            height: 3rem !important;
          }

          .member_body_child_right input {
            width: 100% !important;
            height: 3rem !important;

          }



          .member_body_child_left label {
            font-size: 20px !important;
            width: 100% !important;
          }

          .member_body_child_right label {
            font-size: 20px !important;

          }

        }

        .member_body {
          padding: 9rem 0 4rem 0;
          background-color: #f5f1f2;
          color: white;
          min-height: 100vh;

        }

        .member_body_child_left {
          background-color: #2bbb84;

        }

        .member_body_child_left h1 {
          text-transform: none;
          color: white;
          font-size: 28px;
        }

        .member_body_child_right h2 {
          text-transform: none;
          color: white;
          font-size: 28px;
        }

        .member_body_child_left>label {
          font-size: 18px;
        }

        .member_body_child_left input {
          width: 12rem;
          height: 2rem;

        }

        .member_body_child_right_child1 {
          background-color: #2bbb84;
          text-transform: none;
        }

        .resister_btn {
          height: 3rem !important;
          background-color: white;
          display: inline-block !important;
          color: black;
          font-size: 17px;
          text-transform: none;
          border: none !important;
        }

        * {
          padding: 0rem;
          margin: 0rem;
          box-sizing: border-box;
        }



        .member_body_child_right_child1 label {
          font-size: 18px;

        }

        .member_body_child_right_child1 input {
          width: 12rem;
          height: 2rem;

        }

        .resister_btn2_bg {
          background-color: transparent !important;
          color: white !important;
          border: 1px solid white !important;
        }


        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          background-color: transparent !important;
          color: white;
        }



        .about_section {
          background-color: #f5f1f2;
          padding: 9rem 0 3rem 0;


        }



        /* New Header  */

        header {
          background-color: #1f3d2b;
          padding: 0.5rem;
        }

        header img {
          height: 3rem;
          width: 3rem;
        }


        header ul>li {
          font-size: 15px;
          text-transform: uppercase;
          color: white;
          font-weight: 700;
        }

        header ul>li>a {
          text-decoration: none;
          color: white;
        }


        header button {
          width: 6rem;
          height: 2rem;
          background-color: white;
          border: 1px solid #1f3d2b;
          border: none;
          text-transform: uppercase;
          font-weight: 700;
          color: #1f3d2b;


        }

        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          background-color: transparent !important;
          color: white;
        }



        @media (max-width:1024px) {



          .header_menu {
            color: white;
            font-size: 2rem;
          }

          #navbar {
            width: 60% !important;
            height: 100vh;
            background-color: #1f3d2b;
            color: white;
            position: fixed;
            top: 0;
            right: 0;
            z-index: 4;
            padding-top: 20%;
            padding-left: 2rem;
          }

          #navbar ul>li {
            padding-top: 1rem;
          }

          .x_mark {
            font-size: 3rem;
          }


          .dropdown-menu {
            width: 90%;
            /* Match width of parent (.dropdown) */
            min-width: unset;
            /* Remove Bootstrap's default min-width */
            height: 100%;
            /* Match height */


          }

        }


        .dropdown_btn {
          background: transparent !important;
          color: white;
          border: none;
          text-transform: uppercase;
          font-weight: 700;
          width: auto;
          height: auto;
          display: inline-block !important;
        }

        .dropdown-menu .dropdown-item:hover {
          background-color: transparent !important;
          /* Removes background change */
          color: inherit !important;
          /* Keeps text color unchanged */
        }

        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          color: black;
          display: inline-block !important;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          font-weight: 700;
          background-color: white;
          color: white;
        }


        .btn_log_in {
          background-color: white !important;
          color: #000;
        }

        /* New hero */
        .big-hero {
          min-height: 75vh;
          display: flex;
          align-items: center;
          background: linear-gradient(135deg, #a8e6a3 0%, #FFFFFF 100%);
          position: relative;
          overflow: hidden;
        }

        /* soft green glow */
        .big-hero::after {
          content: "";
          position: absolute;
          right: -120px;
          top: -120px;
          width: 420px;
          height: 420px;
          background: radial-gradient(circle, rgba(106, 168, 79, 0.35), transparent 70%);
        }

        /* CONTENT */
        .hero-tag {
          display: inline-block;
          background: #e4f2ea;
          color: #1f3d2b;
          font-size: 13px;
          font-weight: 600;
          padding: 7px 16px;
          border-radius: 20px;
        }

        .hero-title {
          font-size: 60px;
          font-weight: 800;
          color: #0f2e1e;
          line-height: 1.1;
          margin: 26px 0;
        }

        .hero-title span {
          color: #6aa84f;
        }

        .hero-text {
          font-size: 18px;
          color: #445d52;
          max-width: 540px;
          margin-bottom: 40px;
        }

        .hero-actions {
          display: flex;
          gap: 18px;
          align-items: center;
        }

        .hero-btn {
          background: linear-gradient(135deg, #6aa84f, #3a7d5d);
          color: #ffffff;
          padding: 16px 46px;
          border-radius: 10px;
          font-weight: 600;
          text-decoration: none;
          box-shadow: 0 12px 30px rgba(58, 125, 93, 0.35);
        }

        .hero-btn:hover {
          opacity: 0.95;
          color: #fff;
        }

        .hero-trust {
          font-size: 14px;
          color: #5f7a6e;
        }

        /* IMAGE */
        .hero-image {
          text-align: right;
          position: relative;
          z-index: 1;
        }

        .hero-image img {
          max-width: 540px;
          width: 100%;
          border-radius: 18px;
        }

        /* ================= MOBILE ================= */
        @media(max-width:992px) {
          .big-hero {
            padding: 40px 0;
          }

          .hero-title {
            font-size: 42px;
          }

          .hero-image {
            text-align: center;
            margin-top: 10px;
          }
        }

        @media(max-width:576px) {
          .hero-title {
            font-size: 34px;
          }

          .hero-actions {
            flex-direction: column;
            align-items: flex-start;
          }

          .hero-btn {
            width: 100%;
            text-align: center;
          }
        }

        .hero-wrap {
          width: 100%;
        }

        .hero-tag {
          display: inline-block;
          background: #e6f2eb;
          color: #1f3d2b;
          font-size: 13px;
          font-weight: 600;
          padding: 6px 14px;
          border-radius: 20px;
        }

        .hero-title {
          font-size: 58px;
          font-weight: 800;
          color: #1f3d2b;
          line-height: 1.1;
          margin: 24px 0;
        }

        .hero-title span {
          color: #6aa84f;
        }

        .hero-text {
          font-size: 18px;
          color: #555;
          max-width: 520px;
          margin-bottom: 36px;
        }

        .hero-actions {
          display: flex;
          gap: 18px;
          align-items: center;
        }

        .hero-btn {
          background: #1f3d2b;
          color: #fff;
          padding: 16px 44px;
          border-radius: 8px;
          font-weight: 600;
          text-decoration: none;
        }

        .hero-btn:hover {
          background: #163021;
          color: #fff;
        }

        .hero-trust {
          font-size: 14px;
          color: #777;
        }

        /* IMAGE SIDE */
        .hero-image {
          text-align: right;
        }

        .hero-image img {
          max-width: 520px;
          width: 100%;
        }

        .section-bg {
          background-color: #2f644a;
          color: white;
        }

        .btn-more {
          background-color: #6aa84f;
          color: white;
        }

        order-section {
          background: #ffffff;
          border-radius: 25px;
          padding: 60px 40px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          max-width: 1100px;
          margin: auto;
        }

        .order-title {
          font-weight: 700;
          color: #1f3d2b;
        }

        .title-underline {
          width: 60px;
          height: 4px;
          background: #6aa84f;
          margin: 12px auto 25px;
          border-radius: 5px;
        }

        .order-text {
          color: #555;
          font-size: 16px;
        }

        .order-subtext {
          color: #777;
          font-size: 15px;
        }

        .order-btn {
          background: #1f3d2b;
          color: #fff;
          padding: 14px 28px;
          border-radius: 12px;
          font-weight: 600;
          width: 260px;
        }

        .order-btn:hover {
          background: #163021;
          color: #fff;
        }

        @media (max-width: 768px) {
          .order-section {
            padding: 40px 20px;
          }

          .order-btn {
            width: 100%;
          }
        }

        .hero {
          background: #ffffff;
          padding: 60px 15px;
          border-radius: 0 0 40px 40px;
        }

        .hero h1 {
          color: #2f5d3a;
          font-size: 42px;
          font-weight: 700;
        }

        .hero p {
          color: #6b8f71;
          font-size: 17px;
        }

        /* ================= CATEGORY ================= */
        .category-bar {
          background: #fff;
          margin-top: -30px;
          border-radius: 50px;
          padding: 12px 20px;
          box-shadow: 0 15px 35px rgba(47, 93, 58, .25);
          display: flex;
          gap: 12px;
          overflow-x: auto;
        }

        .category-bar span {
          padding: 8px 18px;
          border-radius: 25px;
          background: #eef5f0;
          cursor: pointer;
          font-weight: 500;
          color: #2f5d3a;
          white-space: nowrap;
        }

        .category-bar span.active {
          background: #2f5d3a;
          color: #fff;
        }

        /* ================= MENU ================= */
        .menu-box {
          position: relative;
          background: #fff;
          border-radius: 25px;
          padding: 18px;
          box-shadow: 0 15px 35px rgba(47, 93, 58, .18);
          transition: .3s;
          height: 100%;
        }

        .menu-box:hover {
          transform: translateY(-6px);
        }

        .menu-img {
          height: 190px;
          border-radius: 20px;
          overflow: hidden;
        }

        .menu-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .menu-price {
          position: absolute;
          top: 18px;
          right: 18px;
          background: #2f5d3a;
          color: #fff;
          padding: 6px 16px;
          border-radius: 20px;
        }

        .add-btn {
          background: linear-gradient(135deg, #2f5d3a, #6b8f71);
          border: none;
          color: #fff;
          border-radius: 25px;
          padding: 8px 22px;
          width: 100%;
        }

        /* ================= CART ================= */
        .cart-strip {
          position: fixed;
          bottom: 15px;
          left: 50%;
          transform: translateX(-50%);
          background: #1f3d2b;
          color: #fff;
          padding: 12px 30px;
          border-radius: 50px;
          z-index: 999;
        }

        /* ================= FOOTER ================= */
        .footer {
          background: #ffffff;
          padding: 60px 0 30px;
          border-top: 1px solid #e2e8e2;
        }

        .footer-title {
          font-weight: 700;
          color: #1f3d2b;
        }

        .footer-text {
          color: #555;
          font-size: 15px;
        }

        .footer-links a {
          display: block;
          color: #555;
          text-decoration: none;
        }

        .footer-links a:hover {
          color: #6aa84f;
        }

        .footer-bottom {
          text-align: center;
          margin-top: 40px;
          color: #777;
          font-size: 14px;
        }

        /* ================= MOBILE RESPONSIVE ================= */
        @media(max-width:768px) {

          .hero h1 {
            font-size: 28px;
          }

          .hero p {
            font-size: 14px;
          }

          .category-bar {
            margin-top: -20px;
            padding: 10px;
            gap: 8px;
          }

          .category-bar span {
            font-size: 14px;
            padding: 6px 14px;
          }

          .menu-img {
            height: 160px;
          }

          .auth-link {
            display: block;
            text-align: center;
            margin: 8px 0;
          }

          .footer {
            text-align: center;
          }

          .footer-links a {
            display: inline-block;
            margin: 6px 10px;
          }

          .cart-strip {
            font-size: 13px;
            padding: 10px 20px;
          }
        }

        .contact-title {
          font-weight: 800;
          color: #163021;
        }

        .title-line {
          width: 70px;
          height: 5px;
          background: linear-gradient(90deg, #1f3d2b, #6aa84f);
          margin: 12px auto 45px;
          border-radius: 6px;
        }

        /* ================= CARDS ================= */
        .contact-card {
          background: #fff;
          border-radius: 20px;
          padding: 22px;
          box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
          margin-bottom: 28px;
          position: relative;
        }

        .contact-card::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 4px;
          background: linear-gradient(90deg, #6aa84f, #1f3d2b);
        }

        .card-heading {
          font-weight: 700;
          color: #1f3d2b;
          margin-bottom: 16px;
          display: flex;
          align-items: center;
          gap: 8px;
        }

        /* ================= MAP ================= */
        .map-frame {
          width: 100%;
          height: 280px;
          border-radius: 16px;
          border: 2px solid #e1efe1;
        }

        /* ================= TABLE ================= */
        .delivery-table th {
          background: #1f3d2b;
          color: #fff;
        }

        .delivery-table td {
          background: #f7fbf7;
        }

        /* ================= FORM ================= */
        .form-control {
          border-radius: 12px;
          border: 1px solid #cfe3cf;
        }

        .form-control:focus {
          border-color: #6aa84f;
          box-shadow: 0 0 0 .2rem rgba(106, 168, 79, .25);
        }

        .submit-btn {
          background: linear-gradient(90deg, #1f3d2b, #6aa84f);
          color: #fff;
          border-radius: 14px;
          font-weight: 700;
        }

        .order-history-page {
          margin-top: 50px;
          margin-bottom: 50px;
          min-height: 50vh;
        }

        .section-border {
          border: #1f3d2b 2px solid;
          color: #1f3d2b;
        }

        .point {
          color: #6aa84f;
        }

        .card-bg {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .profile-page {
            background-color: #ffffff !important;
            min-height: 58vh !important;
            margin-top: 0 !important;
            padding: 36px 0 44px !important;
        }

        .profile-page .about_section_child_2 {
            width: 100%;
            max-width: 1200px;
            margin-inline: auto;
        }

        .profile-page .profile-form-card {
            width: 100%;
            max-width: 720px;
            margin-inline: auto;
        }

        .update-section {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .update-btn {
          background-color: #ffffff !important;
          color: #1f3d2b;
          font-weight: 700;
        }

        .change-password-page {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .payment-checkout {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: white;
        }

        .payment-section {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: white;
        }

        /* ================= GALLERY SECTION ================= */
        .gallery-section {
          padding: 120px 0;
          /* background:linear-gradient(135deg,#7cc576 0%, #1f4d38 100%); */
          background-color: white;
        }

        /* Tabs */
        .gallery-nav {
          display: flex;
          gap: 35px;
          font-weight: 600;
          margin-bottom: 60px;
          flex-wrap: wrap;
        }

        .gallery-nav a {
          text-decoration: none;
          color: #1f4d38;
          position: relative;
          padding-bottom: 8px;
        }

        .gallery-nav a.active {
          color: #1f4d38;
        }

        .gallery-nav a.active::after {
          content: '';
          width: 100%;
          height: 4px;
          background: #1f4d38;
          position: absolute;
          bottom: 0;
          left: 0;
          border-radius: 10px;
        }

        /* Left Content */
        .gallery-info h2 {
          font-size: 50px;
          font-weight: 900;
          line-height: 1.1;
        }

        .gallery-info h2 span {
          color: #1f4d38;
        }

        .gallery-info p {
          margin-top: 25px;
          font-size: 17px;
          max-width: 360px;
        }

        /* Horizontal Gallery */
        .scroll-gallery {
          display: flex;
          gap: 35px;
          overflow-x: auto;
          padding-bottom: 15px;
          scroll-snap-type: x mandatory;
        }


        .scroll-item {
          min-width: 320px;
          height: 440px;
          border-radius: 35px;
          background: #ffffff;
          overflow: hidden;
          box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
          scroll-snap-align: start;
        }

        .scroll-item img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: .6s ease;
        }

        .scroll-item:hover img {
          transform: scale(1.12);
        }


        /* ================= MOBILE RESPONSIVE ================= */
        @media(max-width:768px) {

          .gallery-section {
            padding: 70px 0;
          }

          .gallery-nav {
            justify-content: center;
            gap: 20px;
            margin-bottom: 40px;
          }

          .gallery-info {
            text-align: center;
            margin-bottom: 40px;
          }

          .gallery-info h2 {
            font-size: 32px;
          }

          .gallery-info p {
            font-size: 14px;
            margin-left: auto;
            margin-right: auto;
          }

          .scroll-item {
            min-width: 240px;
            height: 320px;
            border-radius: 25px;
          }

          .nav-link {
            margin: 8px 0;
            text-align: center;
          }

          .auth-link {
            display: block;
            text-align: center;
            margin: 8px 0;
          }

          .footer {
            text-align: center;
          }

          .footer-links a {
            display: inline-block;
            margin: 6px 10px;
          }
        }

        /* Video Page CSS */
        /* ================= VIDEO SECTION ================= */
        .video-section {
          padding: 120px 0;
          /* background: linear-gradient(135deg, #7cc576 0%, #1f4d38 100%); */
          background-color: white;
        }

        /* NAV TABS */
        .gallery-nav {
          display: flex;
          gap: 35px;
          font-weight: 600;
          margin-bottom: 60px;
          flex-wrap: wrap;
        }

        .gallery-nav a {
          text-decoration: none;
          color: #1f4d38;
          position: relative;
          padding-bottom: 8px;
        }

        .gallery-nav a.active {
          color: #1f4d38;
        }

        .gallery-nav a.active::after {
          content: '';
          width: 100%;
          height: 4px;
          background: #1f4d38;
          position: absolute;
          bottom: 0;
          left: 0;
          border-radius: 10px;
        }

        /* Heading */
        .video-title {
          font-size: 48px;
          font-weight: 900;
        }

        .video-title span {
          color: #1f4d38;
        }

        .video-subtitle {
          color: rgba(255, 255, 255, .8);
          max-width: 520px;
          margin-top: 15px;
        }

        /* Video Card */
        .video-card {
          background: #ffffff;
          border-radius: 30px;
          padding: 18px;
          box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
        }

        /* Fixed Ratio */
        .video-wrapper {
          position: relative;
          width: 100%;
          aspect-ratio: 16/9;
          border-radius: 20px;
          overflow: hidden;
        }

        .video-wrapper video {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .product-detail-section {
          min-height: 60vh;
          margin-top: 40px;
        }

        .product-detail {
          background: #ffffff;
          border-radius: 24px;
          padding: 50px;
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        }

        /* IMAGE */
        .product-image-wrapper {
          background: #f4f8f5;
          border-radius: 20px;
          padding: 25px;
        }

        .product-image {
          max-height: 380px;
          object-fit: contain;
          transition: transform 0.4s ease;
        }

        .product-image:hover {
          transform: scale(1.05);
        }

        /* TEXT */
        .product-title {
          font-size: 2rem;
          font-weight: 700;
          color: #1f3d2b;
        }

        .product-description {
          color: #555;
          line-height: 1.7;
          margin-top: 12px;
        }

        .product-price {
          color: #1f3d2b;
          font-size: 1.6rem;
          font-weight: 700;
          margin-top: 15px;
        }

        /* BADGE */
        .product-badge {
          background: linear-gradient(90deg, #1f3d2b, #6aa84f);
          color: #fff;
          font-size: 13px;
          padding: 6px 14px;
          border-radius: 50px;
        }

        /* MOBILE */
        @media (max-width: 768px) {
          .product-detail {
            padding: 30px 20px;
          }

          .product-title {
            font-size: 1.6rem;
          }
        }

        /* ================= CATEGORY WRAPPER ================= */

        .category-wrapper {
          position: relative;
          background: #fff;
          padding: 12px 40px;
          border-radius: 18px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
          z-index: 50;
          overflow: visible;
        }

        /* ================= CATEGORY MENU ================= */

        .category-menu {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          flex-wrap: nowrap;
          gap: 6px;
          transition: 0.3s;
        }

        /* ================= CATEGORY ITEM ================= */

        .category-item {
          position: relative;
          flex: 0 0 auto;
        }

        /* ================= CATEGORY LINK ================= */

        .category-menu a {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 8px 12px;
          text-decoration: none;
          color: #444;
          border-radius: 10px;
          font-size: 13px;
          font-weight: 500;
          transition: all .3s ease;
          white-space: nowrap;
        }

        /* ================= HOVER ================= */

        .category-menu a:hover {
          background: #2f5d3a;
          color: #fff;
          transform: translateY(-2px);
        }

        /* ================= ACTIVE CATEGORY ================= */

        .active-category>a {
          background: linear-gradient(135deg, #2f5d3a, #1f3d2b);
          color: #fff !important;
          box-shadow: 0 5px 15px rgba(47, 93, 58, 0.3);
          transform: scale(1.03);
          font-weight: 600;
        }

        /* ================= SUBMENU (DESKTOP) ================= */

        @media(min-width:993px) {

          .submenu {
            display: none;
            position: absolute;
            left: 0;
            top: 110%;
            background: #fff;
            min-width: 200px;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
            z-index: 999;
          }

          .category-item:hover>.submenu {
            display: block;
          }

        }

        /* ================= MOBILE SIDEBAR ================= */

        @media(max-width:992px) {

          .category-sidebar {
            position: fixed;
            top: 0;
            left: -280px;
            width: 260px;
            height: 100vh;
            overflow-y: auto;
            transition: .3s;
            z-index: 9999;
          }

          .category-sidebar.active {
            left: 0;
          }

          .submenu {
            display: none;
            padding-left: 15px;
          }

          .submenu.active {
            display: block;
          }

        }

        /* ================= ARROW BUTTONS ================= */

        .cat-arrow {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 34px;
          height: 34px;
          border-radius: 50%;
          border: none;
          background: #fff;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 10;
          transition: .3s;
        }

        .cat-arrow:hover {
          background: #2f5d3a;
          color: #fff;
        }

        /* ================= ARROW POSITION ================= */

        .cat-arrow.left {
          left: 5px;
        }

        .cat-arrow.right {
          right: 5px;
        }

        /* Checkout styles migrated from public\custom-css\grand.css */
        @media (max-width:992px) {

          .member_body {
            padding: 9rem 0 6rem 0;
            background-color: #ffffff;
            color: white;
            height: auto !important;

          }


          .member_body_child_left input {
            width: 100% !important;
            height: 3rem !important;
          }

          .member_body_child_right input {
            width: 100% !important;
            height: 3rem !important;

          }


          .member_body_child_left label {
            font-size: 20px !important;
            width: 100% !important;
          }

          .member_body_child_right label {
            font-size: 20px !important;

          }

        }


        .member_body {
          padding: 9rem 0 4rem 0;
          background-color: #ffffff;
          color: white;
          min-height: 100vh;

        }

        .member_body_child_left {
          background-color: #1f3d2b;

        }

        .member_body_child_left h1 {

          color: white;
          font-size: 28px;
        }

        .member_body_child_right h2 {

          color: white;
          font-size: 28px;
        }

        .member_body_child_left>label {
          font-size: 18px;
        }

        .member_body_child_left input {
          width: 12rem;
          height: 2rem;

        }

        .member_body_child_right_child1 {
          background-color: #1f3d2b;

        }

        .resister_btn {
          height: 3rem !important;
          background-color: white;
          display: inline-block !important;
          color: #1f3d2b;
          font-size: 17px;

          border: none !important;
        }


        .member_body_child_right_child1 label {
          font-size: 18px;

        }

        .member_body_child_right_child1 input {
          width: 12rem;
          height: 2rem;

        }

        .resister_btn2_bg {
          background-color: transparent !important;
          color: white !important;
          border: 1px solid white !important;
        }


        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          background-color: transparent !important;
          color: white;
        }

        .custom-input {
          padding: 10px 15px;
        }

        .member_body label,
        .member_body .member_body_child_left label,
        .member_body .member_body_child_right label,
        .member_body .member_body_child_left .form-label,
        .member_body .member_body_child_right .form-label,
        .member_body .consent_box label,
        .member_body .consent_box span,
        .member_body .consent-text {
          color: #fff !important;
        }

        .member_body .member_body_child_left,
        .member_body .member_body_child_right,
        .member_body .member_body_child_right_child1,
        .member_body .member_body_child_left h1,
        .member_body .member_body_child_right h2,
        .member_body .member_body_child_left label,
        .member_body .member_body_child_right label,
        .member_body .member_body_child_left span,
        .member_body .member_body_child_right span,
        .member_body .consent-text {
          color: #fff !important;
        }

        .consent_box {
          gap: 0.65rem;
          align-items: flex-start;
        }

        .consent_box input[type="checkbox"] {
          width: 20px !important;
          height: 20px !important;
          min-width: 20px !important;
          min-height: 20px !important;
          margin-top: 0.2rem;
          flex-shrink: 0;
          appearance: auto !important;
          -webkit-appearance: checkbox !important;
        }

        .member_body {
          margin: 0 !important;
          padding-top: 0 !important;
        }

        .theme-footer-bottom {
          --theme-footer-text: #1c1c1c;
          --theme-footer-muted: #444444;
          --theme-footer-link: #1c1c1c;
          --theme-footer-divider: rgba(0, 0, 0, 0.14);
          --theme-footer-social-border: rgba(0, 0, 0, 0.14);
          --theme-footer-social-bg: rgba(0, 0, 0, 0.03);
          --theme-footer-social-color: #1c1c1c;
          --theme-footer-social-hover-bg: #28a745;
          --theme-footer-social-hover-color: #ffffff;
          --theme-footer-payment-height: 34px;
          --theme-footer-certification-height: 48px;
          --theme-footer-powered-height: 56px;
        }

        .theme-footer-bottom {
          margin: 0 !important; padding-top: 1.5rem; display: flow-root;
          color: var(--theme-footer-text);
        }

        .theme-footer-divider {
          border-color: var(--theme-footer-divider);
          opacity: 1;
          margin: 0 0 1.25rem;
        }

        .theme-footer-flags {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
          margin: 0 auto 1.25rem;
          max-width: min(90vw, 760px);
        }

        .theme-footer-flags img {
          width: clamp(26px, 6vw, 32px);
          height: auto;
          cursor: pointer;
          border-radius: 4px;
          transition: transform 0.3s ease;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        }

        .theme-footer-flags img:hover {
          transform: scale(1.12);
        }

        .theme-footer-copy-wrap {
          display: flex;
          flex-direction: column;
          gap: 1rem;
        }

        .theme-footer-copy h6 {
          margin: 0;
          color: var(--theme-footer-text);
          font-weight: 700;
        }

        .theme-footer-copy p {
          margin: 0;
          color: var(--theme-footer-muted);
        }

        .theme-footer-copy a {
          color: var(--theme-footer-link);
          font-weight: 600;
          text-decoration: none;
        }

        .theme-footer-copy a:hover {
          text-decoration: underline;
        }

        .theme-footer-social {
          display: flex;
          align-items: center;
          gap: 0.75rem;
          flex-wrap: wrap;
        }

        .theme-footer-social a {
          width: 40px;
          height: 40px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          border: 1px solid var(--theme-footer-social-border);
          background: var(--theme-footer-social-bg);
          color: var(--theme-footer-social-color);
          text-decoration: none;
          transition: all 0.25s ease;
        }

        .theme-footer-social a:hover {
          background: var(--theme-footer-social-hover-bg);
          color: var(--theme-footer-social-hover-color);
          border-color: var(--theme-footer-social-hover-bg);
        }

        .theme-footer-payment {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.85rem;
          flex-wrap: wrap;
        }

        .theme-footer-payment-item {
          height: var(--theme-footer-payment-height);
          width: auto;
          object-fit: contain;
        }

        .theme-footer-payment-item--certification {
          height: var(--theme-footer-certification-height);
        }

        .theme-footer-powered {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 0.35rem;
        }

        .theme-footer-powered-label {
          color: var(--theme-footer-muted);
          font-size: 0.95rem;
          font-weight: 700;
        }

        .theme-footer-powered-logo {
          height: var(--theme-footer-powered-height);
          width: auto;
          object-fit: contain;
        }

        @media (min-width: 992px) {
          .theme-footer-copy-wrap {
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
          }

          .theme-footer-powered {
            align-items: flex-end;
          }
        }

        @media (max-width: 767px) {
          .theme-footer-flags {
            gap: 8px;
            justify-content: flex-start;
          }

          .theme-footer-payment-item {
            height: calc(var(--theme-footer-payment-height) - 4px);
          }

          .theme-footer-payment-item--certification {
            height: calc(var(--theme-footer-certification-height) - 6px);
          }

          .theme-footer-powered-logo {
            height: calc(var(--theme-footer-powered-height) - 10px);
          }
        }


        .checkout-sidebar {
          --checkout-sidebar-login-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --checkout-sidebar-login-color: #ffffff;
          --checkout-sidebar-delivery-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --checkout-sidebar-delivery-color: #ffffff;
          --checkout-sidebar-security-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --checkout-sidebar-security-color: #ffffff;
          --checkout-sidebar-button-bg: #ffffff;
          --checkout-sidebar-button-color: #0f5132;
          --checkout-sidebar-input-bg: #ffffff;
          --checkout-sidebar-input-color: #1f1f1f;
        }


        .checkout-sidebar__card {
          padding: 1.25rem;
          border-radius: 0.75rem;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
        }


        .checkout-sidebar__card--login {
          background: var(--checkout-sidebar-login-bg);
          color: var(--checkout-sidebar-login-color);
          border-radius: 2px !important;
        }


        .checkout-sidebar__card--delivery {
          background: var(--checkout-sidebar-delivery-bg);
          color: var(--checkout-sidebar-delivery-color);
          border-radius: 2px !important;
        }


        .checkout-sidebar__card--security {
          background: var(--checkout-sidebar-security-bg);
          color: var(--checkout-sidebar-security-color);
          border-radius: 2px !important;
        }

        .custom-tooltip-wrapper {
          position: relative;
          display: inline-flex;
          align-items: center;
          flex-shrink: 0;
        }

        .custom-tooltip-wrapper .fa-question-circle {
          cursor: pointer;
        }

        .custom-tooltip-box {
          position: absolute;
          left: 50%;
          bottom: calc(100% + 10px);
          transform: translateX(-50%);
          width: min(280px, calc(100vw - 40px));
          padding: 12px 14px;
          background: #ffffff;
          color: #1f1f1f;
          border-radius: 10px;
          box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
          border: 1px solid rgba(15, 81, 50, .25);
          text-transform: none;
          line-height: 1.5;
          z-index: 50;
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
        }

        .custom-tooltip-wrapper:hover .custom-tooltip-box,
        .custom-tooltip-wrapper:focus-within .custom-tooltip-box {
          opacity: 1;
          visibility: visible;
          transform: translateX(-50%) translateY(-2px);
        }

        .tooltip-header {
          font-weight: 700;
          color: #0f5132;
          margin-bottom: 4px;
        }

        .tooltip-body {
          font-size: 13px;
          color: #333333;
        }

        .tooltip-arrow {
          position: absolute;
          left: 50%;
          top: 100%;
          transform: translateX(-50%);
          width: 12px;
          height: 12px;
          background: #ffffff;
          border-right: 1px solid rgba(15, 81, 50, .25);
          border-bottom: 1px solid rgba(15, 81, 50, .25);
          rotate: 45deg;
        }


        .checkout-sidebar__title,

        .checkout-sidebar__label,

        .checkout-sidebar__security-text,

        .checkout-sidebar__forgot,

        .checkout-sidebar__error {
          color: inherit;
        }


        .checkout-sidebar__input {
          background: var(--checkout-sidebar-input-bg);
          color: var(--checkout-sidebar-input-color);
          border: 1px solid rgba(0, 0, 0, 0.15);
          padding: 0.25rem;
          text-transform: none;
        }


        .checkout-sidebar__button {
          width: 100%;
          border: 0;
          padding: 0.25rem 1rem;
          background: var(--checkout-sidebar-button-bg);
          color: var(--checkout-sidebar-button-color);
          font-weight: 700;
          text-transform: uppercase;
        }


        .checkout-sidebar__security-text {
          text-transform: none;
          margin-bottom: 0;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel--allergy {
          background-color: #000;
          padding: 3rem 1rem !important;
          text-align: center;
          margin-bottom: 1.5rem;
          border-radius: 10px !important;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel--loyalty {
          background-color: #2bbb84;
          padding: 3rem 1rem !important;
          text-align: center;
          margin-bottom: 1.5rem;
          border-radius: 10px !important;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel-title {
          color: #fff;
          text-transform: uppercase;
          font-size: 32px;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel-copy {
          color: #fff;
        }

        .catalog-sidebar--grand .catalog-sidebar__button {
          padding: 8px 1rem;
          background-color: #fff;
          color: #000;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 17px;
          font-weight: 700;
        }

        .catalog-sidebar--grand .catalog-sidebar__member-link {
          background: transparent !important;
          color: #000 !important;
          text-decoration: underline;
        }

        /* Checkout Page CSS */
        .checkout-hidden {
          display: none;
        }

        .bogof-backdrop {
          backdrop-filter: blur(3px);
          z-index: 1055;
        }

        .bogof-modal {
          border-radius: 18px;
          overflow: hidden;
          animation: scaleFade .35s ease;
        }

        .bogof-header,
        .bogof-btn {
          background: linear-gradient(135deg, #ff6a00, #ff9500);
          color: #fff;
          border: none;
        }

        .bogof-text {
          font-size: 16px;
          color: #444;
          line-height: 1.6;
          padding: 10px 15px;
        }

        .bogof-btn {
          padding: 10px 30px;
          border-radius: 30px;
          font-weight: 600;
          transition: all .3s ease;
        }

        .bogof-btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 20px rgba(255, 106, 0, .4);
        }

        @keyframes scaleFade {
          from {
            transform: scale(.9);
            opacity: 0;
          }

          to {
            transform: scale(1);
            opacity: 1;
          }
        }

        .flash-blink {
          background-color: #ffcc00;
          color: #000;
          padding: 12px 24px;
          border-radius: 6px;
          font-weight: 700;
          animation: flash-bg 1s linear infinite;
        }

        @keyframes flash-bg {

          0%,
          100% {
            background-color: #94a4d7;
          }

          50% {
            background-color: #ffe680;
          }
        }

        .checkout-payment-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-payment-options {
          background: transparent !important;
          color: inherit;
        }

        .checkout-coupon-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-loyalty-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-comment-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-loyalty-copy,
        .checkout-comment-copy {
          text-transform: none;
        }

        .checkout-loyalty-caption {
          font-size: 12px;
        }

        .checkout-comment-textarea {
          height: 70px;
          resize: none;
          font-size: 14px;
        }

        .checkout-contact-save-btn {
          background-color: #fff;
          color: #000;
        }

        .checkout-wallet-box {
          background-color: #fff3cd;
          border: 2px solid #ffc107;
          color: #212529;
        }

        .checkout-ladder-offer {
          font-size: .9rem;
        }

        .checkout-ladder-offer__text {
          line-height: 1.2;
        }

        .checkout-ladder-offer__icon {
          font-size: 1.2rem;
          color: #007bff;
        }

        .checkout-payment-card {
          cursor: pointer;
          background-color: #f8f9fa;
          color: #000;
          border: 2px solid #ced4da;
        }

        .checkout-payment-card--active {
          background-color: #28a745;
          color: #fff;
          border-color: #28a745;
        }

        .checkout-payment-card__image {
          width: 100px;
          height: 70px;
        }

        .checkout-place-order-btn {
          background-color: #fff;
        }

        .checkout-place-order-btn__label {
          font-size: 1rem;
        }

        .checkout-terms-input {
          width: 16px;
          height: 16px;
        }

        .checkout-form-alert {
          font-size: 1.1rem;
        }

        .checkout-coupon-btn--light {
          background: #fff;
          color: #000;
        }

        /* Checkout Apply Coupon CSS */
        .checkout-coupon-btn,
        .checkout-coupon-btn-apply,
        .checkout-coupon-btn-remove {
          min-height: 48px;
          border-radius: 14px;
          font-weight: 800;
          transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
        }

        .checkout-coupon-btn:hover,
        .checkout-coupon-btn-apply:hover,
        .checkout-coupon-btn-remove:hover {
          transform: translateY(-1px);
        }

        .checkout-coupon-btn-apply {
          background: #0f5132;
          border: 1px solid #0f5132;
          color: #ffffff;
        }

        .checkout-coupon-btn-remove {
          background: transparent;
          border: 1px solid #0f5132;
          color: #0f5132;
        }

        .checkout-apply-coupon--grand .checkout-apply-coupon__panel {
          background: linear-gradient(135deg, #0f5132 0%, #2ecc71 100%) !important;
          color: #ffffff !important;
          border: 1px solid rgba(255, 255, 255, 0.18) !important;
          border-radius: 24px !important;
          box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18) !important;
        }

        .checkout-apply-coupon--grand .checkout-apply-coupon__title {
          color: #ffffff !important;
        }

        .checkout-apply-coupon--grand .checkout-apply-coupon__input {
          background: rgba(255, 255, 255, 0.98) !important;
          color: #151515 !important;
          border: 1px solid rgba(255, 255, 255, 0.34) !important;
          border-radius: 14px !important;
        }

        .checkout-apply-coupon--grand .checkout-coupon-btn-apply {
          background: #ffffff !important;
          color: #0f5132 !important;
          border-color: #ffffff !important;
        }

        .checkout-apply-coupon--grand .checkout-coupon-btn-remove {
          background: transparent !important;
          color: #ffffff !important;
          border-color: rgba(255, 255, 255, 0.82) !important;
        }

        .checkout-coupon-card__shine {
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at top left, #ffffff22, transparent);
          pointer-events: none;
        }

        .checkout-coupon-card--0 {
          background: linear-gradient(135deg, #E84E4F 0%, #00000033 100%);
        }

        .checkout-coupon-card--1 {
          background: linear-gradient(135deg, #007BFF 0%, #00000033 100%);
        }

        .checkout-coupon-card--2 {
          background: linear-gradient(135deg, #28A745 0%, #00000033 100%);
        }

        .checkout-coupon-card--3 {
          background: linear-gradient(135deg, #FF9800 0%, #00000033 100%);
        }

        .checkout-coupon-card__pill {
          font-size: 1.1rem;
          min-width: 130px;
          text-align: center;
        }

        .checkout-coupon-card__pill--code {
          letter-spacing: 1px;
        }

        .checkout-coupon-card__meta {
          opacity: .9;
        }

        .checkout-coupon-card__terms {
          opacity: .9;
          font-size: .9rem;
        }

        .checkout-loyalty-login-link {
          background: #ffffff;
          background-color: #ffffff;
          color: #111111;
          text-decoration: none;
        }

        /* Checkout UI consistency fixes */
        .note-box,
        .checkout-note-box,
        .sims-checkout-note-box {
          background: #ffffff;
          border: 1px solid #e5e5e5;
          border-radius: 6px;
          overflow: hidden;
        }

        .note-header,
        .checkout-note-box__header,
        .sims-checkout-note-box__header {
          display: flex;
          align-items: center;
          padding: 10px 15px;
          font-size: 15px;
          font-weight: 600;
          color: #ffffff;
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .note-body {
          padding: 14px;
          background: #ffffff;
        }

        .note-textarea,
        .checkout-note-box textarea,
        .sims-checkout-note-box textarea {
          min-height: 110px;
          background: #ffffff !important;
          color: #1f1f1f !important;
          border: 1px solid #d7d7d7 !important;
          box-shadow: none !important;
        }

        .note-help,
        .checkout-note-help,
        .checkout-note-help.text-white {
          display: block;
          margin-top: 8px;
          font-size: 12px;
          line-height: 1.6;
          text-transform: none;
          color: #666666 !important;
        }

        .checkout-place-order-btn,
        .checkout-back-link,
        .checkout-loyalty-login-link,
        .sims-checkout-back-link,
        .sims-loyalty-login-link {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-height: 46px;
          padding: 0.75rem 1rem;
          border: none;
          border-radius: 0;
          font-weight: 700;
          line-height: 1.2;
          text-align: center;
          text-decoration: none !important;
        }

        .checkout-place-order-btn,
        .checkout-back-link,
        .checkout-back-link--dark,
        .checkout-back-link--lavender,
        .sims-checkout-back-link {
          background: #ffffff !important;
        }

        .checkout-back-link,
        .checkout-back-link--dark,
        .sims-checkout-back-link {
          color: #111111 !important;
        }

        .checkout-terms-input,
        input#acceptTerms.form-check-input,
        .form-check input[type="checkbox"]#acceptTerms {
          width: 18px !important;
          height: 18px !important;
          min-width: 18px !important;
          min-height: 18px !important;
          margin-top: 0.2rem !important;
          border: 1px solid #9b9b9b !important;
          background: #ffffff !important;
          appearance: auto !important;
          -webkit-appearance: checkbox !important;
          accent-color: #111111;
        }

        input#acceptTerms+.form-check-label,
        .checkout-terms-input+.form-check-label {
          margin: 0;
          line-height: 1.5;
        }

        /* Theme checkout restore */
        .checkout-place-order-btn,
        .checkout-place-order-btn:hover,
        .checkout-place-order-btn:focus,
        .checkout-place-order-btn:active,
        .checkout-back-link,
        .checkout-back-link:hover,
        .checkout-back-link:focus,
        .checkout-back-link:active,
        .checkout-back-link--dark,
        .checkout-back-link--dark:hover,
        .checkout-back-link--dark:focus,
        .checkout-back-link--dark:active,
        .checkout-back-link--lavender,
        .checkout-back-link--lavender:hover,
        .checkout-back-link--lavender:focus,
        .checkout-back-link--lavender:active {
          background: #2ecc71 !important;
          color: #ffffff !important;
          border-color: #2ecc71 !important;
          box-shadow: none !important;
          text-decoration: none !important;
        }

        .checkout-place-order-btn,
        .checkout-place-order-btn:hover,
        .checkout-place-order-btn:focus,
        .checkout-place-order-btn:active {
          background: #ffffff !important;
          background-color: #ffffff !important;
          color: #111111 !important;
          border-color: #ffffff !important;
        }

        button.checkout-place-order-btn,
        button.checkout-place-order-btn:hover,
        button.checkout-place-order-btn:focus,
        button.checkout-place-order-btn:active,
        .btn.checkout-place-order-btn,
        .btn.checkout-place-order-btn:hover,
        .btn.checkout-place-order-btn:focus,
        .btn.checkout-place-order-btn:active,
        .place-order.checkout-place-order-btn,
        .place-order.checkout-place-order-btn:hover,
        .place-order.checkout-place-order-btn:focus,
        .place-order.checkout-place-order-btn:active {
          background: #ffffff !important;
          background-color: #ffffff !important;
          color: #111111 !important;
          border: 1px solid #ffffff !important;
        }

        .checkout-place-order-btn,
        .checkout-place-order-btn *,
        .checkout-place-order-btn__label,
        .checkout-place-order-btn__label:hover,
        .checkout-place-order-btn__label:focus {
          color: #111111 !important;
          fill: #111111 !important;
        }

        .checkout-loyalty-login-link,
        .checkout-loyalty-login-link:hover,
        .checkout-loyalty-login-link:focus,
        .checkout-loyalty-login-link:active {
          background: #ffffff !important;
          background-color: #ffffff !important;
          color: #111111 !important;
          border-color: #ffffff !important;
          box-shadow: none !important;
          transform: none !important;
          text-decoration: none !important;
        }

        .checkout-note-box,
        .note-box.checkout-note-box {
          border-left: 6px solid #2ecc71 !important;
        }

        .checkout-note-box__header,
        .note-header.checkout-note-box__header {
          background: linear-gradient(135deg, #2ecc71, #229a56) !important;
          color: #ffffff !important;
        }

        /* Grand theme checkout wrapper and green gradient styling */
        /* .grand-checkout {
  border-radius: 0.5rem;
  overflow: hidden;
  background: transparent;
  padding: 1rem;
} */

        .grand-checkout .checkout-root {
          position: relative;
          background: linear-gradient(135deg, #0f5132 0%, #27a35b 100%) !important;
          color: #ffffff;
          border-radius: 0.5rem !important;
          padding: 1.25rem !important;
          box-shadow: 0 1.2rem 2.5rem rgba(0, 0, 0, 0.1) !important;
        }

        .grand-checkout .checkout-root::before {
          content: "";
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 24%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.12), transparent 30%);
          pointer-events: none;
          border-radius: inherit;
        }

        .grand-checkout .checkout-root .container {
          position: relative;
          z-index: 1;
        }

        .grand-checkout .checkout-root .checkout-payment-section {
          background: rgba(255, 255, 255, 0.12);
          color: #ffffff;
          border-radius: 0.5rem;
          border: 1px solid rgba(255, 255, 255, 0.18);
          box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
          padding: 1.75rem;
        }


        /* Inputs and labels: align with Kutting Chai look */
        .grand-checkout .checkout-root .checkout-contact-title {
          font-size: 1.125rem;
          font-weight: 700;
          margin-bottom: 0.75rem;
          color: #ffffff;
        }

        .grand-checkout .checkout-root .checkout-contact-label,
        .grand-checkout .checkout-root label,
        .grand-checkout .checkout-root .form-label {
          color: #ffffff;
          font-weight: 600;
          display: block;
          margin-bottom: 0.35rem;
        }

        .grand-checkout .checkout-root .checkout-input,
        .grand-checkout .checkout-root .form-control {
          background: #ffffff !important;
          color: #111111 !important;
          border: 1px solid rgba(0, 0, 0, 0.08) !important;
          padding: 0.5rem 0.75rem !important;
          border-radius: 0 !important;
          box-shadow: none !important;
        }

        .grand-checkout .checkout-root .checkout-input::placeholder {
          color: rgba(0, 0, 0, 0.45) !important;
        }

        .grand-checkout .checkout-root .checkout-contact-row .col-md-6 {
          padding-left: 0.25rem;
          padding-right: 0.25rem;
        }

        .grand-checkout .checkout-root .checkout-payment-section .checkout-payment-title,
        .grand-checkout .checkout-root .checkout-contact-title,
        .grand-checkout .checkout-root label,
        .grand-checkout .checkout-root .form-label,
        .grand-checkout .checkout-root .checkout-note-help,
        .grand-checkout .checkout-root .checkout-sidebar__title,
        .grand-checkout .checkout-root .checkout-sidebar__label,
        .grand-checkout .checkout-root .checkout-sidebar__security-text,
        .grand-checkout .checkout-root .checkout-sidebar__forgot,
        .grand-checkout .checkout-root .checkout-sidebar__error {
          color: #ffffff !important;
        }

        .grand-checkout .checkout-root .checkout-note-box {
          background: rgba(255, 255, 255, 0.14);
          border-left: 6px solid rgba(255, 255, 255, 0.45) !important;
        }

        .grand-checkout .checkout-root .checkout-note-box__header {
          background: rgba(255, 255, 255, 0.18) !important;
          color: #ffffff !important;
        }

        .grand-checkout .checkout-root .checkout-payment-card {
          background-color: rgba(255, 255, 255, 0.18);
        }

        .grand-checkout .checkout-root input,
        .grand-checkout .checkout-root textarea,
        .grand-checkout .checkout-root select {
          color: #111111 !important;
        }

        .grand-checkout .checkout-root ::placeholder {
          color: rgba(0, 0, 0, 0.55) !important;
        }

        /* gift voucher css */
        .gift-voucher-box {
          --gv-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --gv-color: #ffffff;
          --gv-border: rgba(46, 204, 113, .28);
          --gv-radius: 10px;
          --gv-input-bg: #ffffff;
          --gv-input-color: #111111;
          --gv-input-border: rgba(0, 0, 0, .12);
          --gv-btn-bg: #ffffff;
          --gv-btn-color: #111111;
          --gv-btn-border: #ffffff;
          --gv-btn-hover: #f4f4f4;
          --gv-status-bg: rgba(255, 255, 255, .16);
          --gv-status-border: rgba(255, 255, 255, .28);
          width: 100%;
          background: var(--gv-bg);
          color: var(--gv-color);
          border: 1px solid var(--gv-border);
          border-radius: var(--gv-radius);
          box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .12);
        }

        .gift-voucher-box__body {
          padding: 1.5rem;
        }

        .gift-voucher-box__title {
          margin: 0 0 1rem;
          text-align: center;
          font-size: 1.75rem;
          font-weight: 700;
          color: inherit;
        }

        .gift-voucher-box__form {
          display: flex;
          flex-direction: column;
          gap: .75rem;
        }

        .gift-voucher-box__input,
        .gift-voucher-box__button {
          min-height: 46px;
          border-radius: 0 !important;
        }

        .gift-voucher-box__input {
          background: var(--gv-input-bg) !important;
          color: var(--gv-input-color) !important;
          border: 1px solid var(--gv-input-border) !important;
          box-shadow: none !important;
          padding: .75rem 1rem;
          text-transform: none;
        }

        .gift-voucher-box__input::placeholder {
          color: rgba(31, 31, 31, .7);
        }

        .gift-voucher-box__input:focus {
          border-color: var(--gv-btn-border) !important;
          box-shadow: none !important;
        }

        .gift-voucher-box__status {
          display: flex;
          flex-direction: column;
          gap: .35rem;
          margin-bottom: .75rem;
          padding: .875rem 1rem;
          background: var(--gv-status-bg);
          border: 1px solid var(--gv-status-border);
          border-radius: var(--gv-radius);
        }

        .gift-voucher-box__status-label,
        .gift-voucher-box__meta {
          display: block;
          color: inherit;
          text-transform: none;
        }

        .gift-voucher-box__status-label {
          font-weight: 700;
        }

        .gift-voucher-box__meta {
          font-size: .92rem;
        }

        .gift-voucher-box__button {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          padding: .75rem 1rem;
          background: var(--gv-btn-bg) !important;
          color: var(--gv-btn-color) !important;
          border: 1px solid var(--gv-btn-border) !important;
          text-transform: none;
          transition: background-color .2s ease, color .2s ease, border-color .2s ease;
        }

        .gift-voucher-box__button:hover,
        .gift-voucher-box__button:focus {
          background: var(--gv-btn-hover) !important;
          color: var(--gv-btn-color) !important;
          border-color: var(--gv-btn-hover) !important;
          box-shadow: none !important;
        }

        .gift-voucher-box__button:disabled {
          opacity: .65;
          cursor: not-allowed;
        }

        /* End migrated checkout styles for grand */

        /* Grand full cart styling */
        .full-cart-shell--grand {
          position: relative;
          overflow: hidden;
          background: linear-gradient(135deg, #0f5132 0%, #27a35b 100%) !important;
          color: #ffffff !important;
          border: 1px solid rgba(255, 255, 255, 0.18) !important;
          border-radius: 0.5rem !important;
          box-shadow: 0 1.2rem 2.5rem rgba(0, 0, 0, 0.12) !important;
        }

        .full-cart-shell--grand::before {
          content: "";
          position: absolute;
          inset: 0;
          background:
            radial-gradient(circle at top left, rgba(255, 255, 255, 0.16), transparent 24%),
            radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.1), transparent 30%);
          pointer-events: none;
        }

        .full-cart-shell--grand>* {
          position: relative;
          z-index: 1;
        }

        .full-cart-shell--grand .full-cart__title,
        .full-cart-shell--grand .full-cart__summary-label,
        .full-cart-shell--grand .full-cart__summary-value,
        .full-cart-shell--grand .dish_list_content p,
        .full-cart-shell--grand .dish_list_content li,
        .full-cart-shell--grand .dish_list_content span,
        .full-cart-shell--grand .dish_list_content a,
        .full-cart-shell--grand .custom-tooltip-wrapper,
        .full-cart-shell--grand .custom-tooltip-wrapper .fa-question-circle,
        .full-cart-shell--grand .checkout-trash-icon {
          color: #ffffff !important;
        }

        .full-cart-shell--grand .row.border-bottom {
          border-color: rgba(255, 255, 255, 0.16) !important;
        }

        .full-cart-shell--grand .checkout-back-link,
        .full-cart-shell--grand .full-cart__back-link,
        .full-cart-shell--grand .checkout-back-link:hover,
        .full-cart-shell--grand .full-cart__back-link:hover,
        .full-cart-shell--grand .checkout-back-link:focus,
        .full-cart-shell--grand .full-cart__back-link:focus,
        .full-cart-shell--grand .checkout-back-link:active,
        .full-cart-shell--grand .full-cart__back-link:active {
          background: #ffffff !important;
          color: #111111 !important;
          border: 1px solid #ffffff !important;
          box-shadow: none !important;
          text-decoration: none !important;
        }

        .full-cart-shell--grand .checkout-back-link *,
        .full-cart-shell--grand .full-cart__back-link * {
          color: #111111 !important;
        }

        .full-cart-shell--grand .checkout-back-link:hover,
        .full-cart-shell--grand .full-cart__back-link:hover,
        .full-cart-shell--grand .checkout-back-link:focus,
        .full-cart-shell--grand .full-cart__back-link:focus {
          background: #f7f7f7 !important;
          color: #111111 !important;
        }

        body.theme-grand .cart-component-shell--grand {
          background: linear-gradient(180deg, rgba(15, 81, 50, 0.98), rgba(39, 163, 91, 0.98)) !important;
          border: 1px solid rgba(255, 255, 255, 0.16) !important;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 45px rgba(15, 81, 50, 0.14) !important;
          color: #ffffff !important;
          overflow: hidden;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__heading,
        body.theme-grand .cart-component-shell--grand .cart-component__item-title,
        body.theme-grand .cart-component-shell--grand .cart-component__meta,
        body.theme-grand .cart-component-shell--grand .cart-component__summary,
        body.theme-grand .cart-component-shell--grand .cart-component__empty,
        body.theme-grand .cart-component-shell--grand .cart-component__qty,
        body.theme-grand .cart-component-shell--grand .cart-component__toppings,
        body.theme-grand .cart-component-shell--grand .cart-component__action,
        body.theme-grand .cart-component-shell--grand .cart-component__trash-icon {
          color: #ffffff !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__heading {
          font-size: 1.55rem !important;
          font-weight: 800 !important;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__item {
          border-bottom-color: rgba(255, 255, 255, 0.18) !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__meta,
        body.theme-grand .cart-component-shell--grand .cart-component__toppings {
          color: rgba(255, 255, 255, 0.84) !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button {
          border-radius: 14px !important;
          font-weight: 700 !important;
          box-shadow: 0 14px 24px rgba(0, 0, 0, 0.12);
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button--checkout {
          background: #ffffff !important;
          color: #0f5132 !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button--clear {
          background: rgba(255, 255, 255, 0.16) !important;
          color: #ffffff !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button--checkout .cart-component__spinner,
        body.theme-grand .cart-component-shell--grand .cart-component__button--clear .cart-component__spinner {
          color: currentColor !important;
        }

        /* Preorder Checkout / Show Time Dropdown CSS */
        .show-time-dropdown--grand {
          --st-primary: #8d5a18;
          --st-primary-hover: #6f4210;
          --st-primary-soft: rgba(141, 90, 24, .14);
          --st-surface: #fffaf3;
          --st-text: #2a1c08;
          --st-border: rgba(141, 90, 24, .18);
          --st-on-primary: #ffffff;
          --st-disabled-bg: #f3f4f6;
          --st-disabled-text: #9ca3af;
          --st-error: #b45309
        }

        .show-time-dropdown--grand .calendar-container {
          max-width: 340px;
          margin: 0 auto;
          background: var(--st-surface);
          color: var(--st-text);
          padding: 1rem;
          border: 1px solid var(--st-border);
          border-radius: 16px;
          box-shadow: 0 18px 35px rgba(15, 23, 42, .12)
        }

        .show-time-dropdown--grand .calendar-nav h5,
        .show-time-dropdown--grand .show-time-dropdown__label,
        .show-time-dropdown--grand .show-time-dropdown__selected-date {
          color: var(--st-text) !important
        }

        .show-time-dropdown--grand .show-time-dropdown__error {
          color: var(--st-error) !important
        }

        .show-time-dropdown--grand .calendar-nav button {
          min-width: 2rem;
          padding: .125rem .5rem;
          border-color: var(--st-border);
          color: var(--st-primary)
        }

        .show-time-dropdown--grand .calendar-nav button:hover:not(:disabled) {
          background: var(--st-primary);
          border-color: var(--st-primary);
          color: var(--st-on-primary)
        }

        .show-time-dropdown--grand .calendar-table {
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          font-size: .875rem
        }

        .show-time-dropdown--grand .calendar-table th {
          background: var(--st-primary);
          color: var(--st-on-primary);
          padding: .45rem 0;
          border: 1px solid var(--st-border)
        }

        .show-time-dropdown--grand .calendar-table td {
          padding: .125rem;
          border: 1px solid var(--st-border);
          text-align: center;
          background: #fff
        }

        .show-time-dropdown--grand .calendar-table button {
          width: 100%;
          min-height: 2.1rem;
          padding: .25rem 0;
          border: 1px solid var(--st-border);
          border-radius: .375rem;
          background: var(--st-surface);
          color: var(--st-text);
          transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease
        }

        .show-time-dropdown--grand .calendar-table button:hover:not(:disabled) {
          background: var(--st-primary-hover);
          border-color: var(--st-primary-hover);
          color: var(--st-on-primary)
        }

        .show-time-dropdown--grand .calendar-table button.today {
          background: var(--st-primary-soft);
          color: var(--st-text);
          font-weight: 700
        }

        .show-time-dropdown--grand .calendar-table button.selected {
          background: var(--st-primary);
          border-color: var(--st-primary);
          color: var(--st-on-primary);
          font-weight: 700;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, .35) inset
        }

        .show-time-dropdown--grand .calendar-table button.closed {
          background: var(--st-disabled-bg);
          color: var(--st-disabled-text);
          cursor: not-allowed;
          opacity: .9
        }

        .show-time-dropdown--grand .form-select {
          background: var(--st-surface);
          color: var(--st-text);
          border: 1px solid var(--st-border);
          box-shadow: none
        }

        .show-time-dropdown--grand .form-select:focus {
          border-color: var(--st-primary);
          box-shadow: 0 0 0 .2rem rgba(141, 90, 24, .12)
        }

        .show-time-dropdown--grand .form-select:disabled {
          background: var(--st-disabled-bg);
          color: var(--st-disabled-text)
        }

        @media (max-width:575.98px) {
          .show-time-dropdown--grand {
            padding-left: 0;
            padding-right: 0
          }

          .show-time-dropdown--grand .calendar-container {
            padding: .75rem
          }

          .show-time-dropdown--grand .calendar-nav h5 {
            font-size: 1rem
          }

          .show-time-dropdown--grand .calendar-table {
            font-size: .8rem
          }

          .show-time-dropdown--grand .calendar-table button {
            min-height: 1.9rem
          }
        }

        /* Grand Theme - Shared Layout CSS */
        body.theme-grand {
          overflow-x: hidden;
          max-width: 100%;
        }

        body.theme-grand .custom-translator {
          top: 80px;
        }

        body.theme-grand .grand-alert-banner {
          position: absolute;
          top: 120px;
          z-index: 100;
        }

        body.theme-grand .grand-inline-link {
          text-decoration: none;
          color: #000000;
        }

        body.theme-grand .grand-inline-link:hover {
          color: #000000;
        }

        @media (max-width: 640px) {
          body.theme-grand .custom-translator {
            top: 50px;
          }
        }

        /* Grand Theme - Header CSS */
        body.theme-grand .navbar {
          background: #1f3d2b;
          backdrop-filter: blur(10px);
          padding: 0.6rem 1.5rem;
          border-bottom: 1px solid rgba(0, 0, 0, 0.05);
          transition: all 0.3s ease;
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
          z-index: 1400;
        }

        body.theme-grand .navbar .container-fluid {
          display: flex;
          align-items: center;
          justify-content: space-between;
          min-height: 75px;
        }

        body.theme-grand .navbar-brand img {
          height: 90px;
          transition: transform 0.4s ease;
        }

        body.theme-grand .navbar-brand:hover img {
          transform: scale(1.05);
        }

        body.theme-grand .navbar-nav {
          margin: 0 auto;
          display: flex;
          align-items: center;
          gap: 10px;
        }

        body.theme-grand .navbar-nav .nav-link,
        body.theme-grand .grand-header-link,
        body.theme-grand .grand-header-toggle {
          position: relative;
          font-size: 0.95rem;
          font-weight: 600;
          color: #ffffff;
          margin: 0 10px;
          text-transform: uppercase;
          letter-spacing: 0.5px;
          transition: all 0.3s ease;
          padding: 8px 4px;
        }

        body.theme-grand .grand-header-toggle {
          display: flex;
          align-items: center;
          gap: 6px;
        }

        body.theme-grand .dropdown-menu {
          border: none;
          border-radius: 12px;
          background: #fff;
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
          animation: grandDropdownFade 0.25s ease forwards;
          transform-origin: top center;
          transition: all 0.25s ease;
        }

        body.theme-grand .dropdown-menu:hover {
          box-shadow: 0 10px 35px rgba(79, 195, 161, 0.25);
        }

        body.theme-grand .dropdown-item {
          font-weight: 500;
          color: #333;
          padding: 10px 22px;
          border-radius: 8px;
          transition: all 0.25s ease;
          display: flex;
          align-items: center;
          gap: 8px;
        }

        body.theme-grand .grand-header-dropdown-item {
          color: #333333;
        }

        body.theme-grand .dropdown-item::before {
          content: "›";
          opacity: 0;
          transform: translateX(-6px);
          transition: all 0.3s ease;
          color: #ffffff;
          font-size: 1rem;
        }

        body.theme-grand .dropdown-item:hover {
          background-color: #ffffff;
          color: #fff;
          transform: translateX(4px);
        }

        body.theme-grand .dropdown-item:hover::before {
          opacity: 1;
          transform: translateX(0);
        }

        body.theme-grand .nav-link.dropdown-toggle::after,
        body.theme-grand .grand-header-toggle::after {
          content: "";
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #ffffff;
          transition: transform 0.3s ease, border-top-color 0.3s ease;
          margin-top: 2px;
        }

        body.theme-grand .nav-link.dropdown-toggle[aria-expanded="true"]::after,
        body.theme-grand .grand-header-toggle[aria-expanded="true"]::after {
          transform: rotate(180deg);
          border-top-color: #ffffff;
        }

        body.theme-grand .grand-header-badge-item {
          list-style-type: none;
        }

        body.theme-grand .food-hygiene-badge {
          position: relative;
          background: linear-gradient(135deg, #2f5d3a, #6b8f71);
          color: #fff;
          font-family: "Poppins", sans-serif;
          display: inline-block;
          padding: 0.4rem 0.8rem;
          border-radius: 12px;
          max-width: 180px;
          text-align: center;
          box-shadow: 0 4px 15px rgba(39, 180, 126, 0.3);
          transition: all 0.3s ease;
        }

        body.theme-grand .food-hygiene-badge:hover {
          transform: translateY(-2px);
          box-shadow: 0 6px 20px rgba(39, 180, 126, 0.4);
        }

        body.theme-grand .food-hygiene-title {
          font-weight: 700;
          font-size: 0.65rem;
          margin-bottom: 0.25rem;
        }

        body.theme-grand .rating-numbers {
          display: flex;
          justify-content: center;
          margin-bottom: 0.2rem;
          gap: 0.2rem;
        }

        body.theme-grand .rating-circle {
          width: 1.1rem;
          height: 1.1rem;
          border-radius: 50%;
          background-color: rgba(255, 255, 255, 0.3);
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.6rem;
          transition: all 0.3s ease;
        }

        body.theme-grand .rating-circle.active {
          background-color: #fff;
          color: #2f5d3a;
          font-weight: 700;
          transform: scale(1.1);
        }

        body.theme-grand .rating-description {
          font-size: 0.55rem;
          font-weight: 500;
        }

        body.theme-grand .navbar-buttons {
          display: flex;
          align-items: center;
          gap: 0.6rem;
        }

        body.theme-grand .navbar-buttons .btn {
          border-radius: 30px;
          font-size: 0.85rem;
          font-weight: 600;
          padding: 0.5rem 1.2rem;
          transition: all 0.3s ease;
        }

        body.theme-grand .btn-login {
          background: transparent;
          border: 1.5px solid #ffffff;
          color: #ffffff;
        }

        body.theme-grand .btn-login:hover {
          background: #ffffff;
          color: #000000;
          box-shadow: 0 0 18px rgba(79, 195, 161, 0.5);
        }

        body.theme-grand .btn-register {
          background: #ffffff;
          border: 1.5px solid #2f5d3a;
          color: #000000;
          box-shadow: 0 0 10px rgba(79, 195, 161, 0.3);
        }

        body.theme-grand .btn-register:hover {
          background: #ffffff;
          box-shadow: 0 0 18px rgba(79, 195, 161, 0.5);
        }

        body.theme-grand .navbar-toggler,
        body.theme-grand .navbar-toggler:focus {
          border-color: #fff;
          box-shadow: none;
        }

        body.theme-grand .navbar-toggler-icon {
          background-image: url("/theme_assets/grand/assets/toggler.svg");
          filter: hue-rotate(120deg);
        }

        @keyframes grandDropdownFade {
          from {
            opacity: 0;
            transform: translateY(10px) scale(0.97);
          }

          to {
            opacity: 1;
            transform: translateY(0) scale(1);
          }
        }

        @media (max-width: 991px) {
          body.theme-grand .navbar-nav {
            text-align: center;
            padding-bottom: 1rem;
          }

          body.theme-grand .navbar-buttons {
            justify-content: center;
            margin-top: 0.5rem;
          }

          body.theme-grand .navbar-brand img {
            height: 70px;
          }

          body.theme-grand .navbar {
            padding: 0.4rem 1rem;
          }
        }

        /* Grand Theme - Footer CSS */
        body.theme-grand .grand-footer {
          background-color: #f5f5f5;
        }

        body.theme-grand .grand-footer-brand {
          text-decoration: none;
          color: #000000;
        }

        body.theme-grand .grand-footer-link {
          color: #1f1f1f;
          text-decoration: none;
        }

        body.theme-grand .grand-footer-link:hover {
          color: #1f1f1f;
          text-decoration: underline;
        }

        /* Grand Theme - Home Page CSS */
        body.theme-grand .hero-slide--home {
          width: 600px;
        }

        /* Grand Theme - Catalog Page CSS */
        body.theme-grand .grand-catalog-page,
        body.theme-grand .grand-catalog-page .grand-catalog-surface {
          background: #f4f8f6;
          font-family: "Segoe UI", sans-serif;
        }

        body.theme-grand .hero h1 {
          font-weight: 700;
          font-size: 28px;
        }

        body.theme-grand .hero p {
          font-size: 14px;
          opacity: 0.9;
        }

        body.theme-grand .search-wrapper {
          border-radius: 50px;
          background: #fff;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
          overflow: hidden;
        }

        body.theme-grand .search-input {
          border: none;
          padding: 12px 18px;
        }

        body.theme-grand .search-input:focus {
          outline: none;
          box-shadow: none;
        }

        body.theme-grand .search-btn {
          background: #2f5d3a;
          color: #fff;
          border: none;
          padding: 0 20px;
        }

        body.theme-grand .search-suggestions {
          max-height: 300px;
          overflow-y: auto;
          overscroll-behavior: contain;
        }

        body.theme-grand .category-wrapper {
          margin: 28px auto 12px;
          padding: 0 8px;
          position: relative;
          z-index: 20;
          overflow: visible;
        }

        body.theme-grand .category-shell {
          width: min(100%, 1600px);
          margin: 0 auto;
          padding: 10px 12px;
          background: #fff;
          border-radius: 22px;
          border: 1px solid rgba(47, 93, 58, 0.08);
          box-shadow: 0 18px 44px rgba(15, 36, 24, 0.08);
          position: relative;
          overflow: visible;
        }

        body.theme-grand .category-top {
          display: flex;
          justify-content: flex-start;
          overflow-x: auto;
          overflow-y: visible;
          scrollbar-width: none;
        }

        body.theme-grand .category-top::-webkit-scrollbar {
          display: none;
        }

        body.theme-grand .category-menu,
        body.theme-grand .submenu {
          list-style: none;
        }

        body.theme-grand .category-menu {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: nowrap;
          gap: 3px;
          margin: 0;
          padding: 0 2px;
          width: max-content;
          min-width: 100%;
        }

        body.theme-grand .category-item {
          position: relative;
          flex: 0 1 auto;
        }

        body.theme-grand .category-link {
          position: relative;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 3px;
          min-height: 36px;
          padding: 8px 7px 10px;
          color: #213127;
          font-size: clamp(9px, 0.74vw, 12px);
          font-weight: 600;
          line-height: 1;
          text-decoration: none;
          white-space: nowrap;
          border-radius: 999px;
          transition: color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
        }

        body.theme-grand .category-label {
          min-width: 0;
        }

        body.theme-grand .category-link::after {
          content: "";
          position: absolute;
          left: 6px;
          right: 6px;
          bottom: 4px;
          height: 2px;
          background: rgba(255, 255, 255, 0.94);
          transform: scaleX(0);
          transform-origin: center;
          transition: transform 0.25s ease;
        }

        body.theme-grand .category-item:hover>.category-link::after,
        body.theme-grand .category-item.active-category>.category-link::after {
          transform: scaleX(1);
        }

        body.theme-grand .category-item:hover>.category-link,
        body.theme-grand .category-item.active-category>.category-link {
          color: #fff;
          font-weight: 700;
          background: linear-gradient(135deg, #2f5d3a, #3d7a4c);
          box-shadow: 0 12px 26px rgba(47, 93, 58, 0.22);
        }

        body.theme-grand .category-caret {
          font-size: 10px;
          transition: transform 0.25s ease;
        }

        body.theme-grand .category-toggle {
          display: none;
        }

        body.theme-grand .category-item:hover>.category-link .category-caret {
          transform: rotate(180deg);
        }

        body.theme-grand .submenu {
          display: none;
          position: absolute;
          top: calc(100% + 8px);
          left: 50%;
          min-width: 270px;
          margin: 0;
          padding: 6px 0;
          background: #fff;
          border-top: 3px solid #2f5d3a;
          border-radius: 18px;
          box-shadow: 0 18px 38px rgba(0, 0, 0, 0.14);
          transform: translateX(-50%);
          z-index: 30;
          overflow: hidden;
        }

        body.theme-grand .category-item:hover>.submenu {
          display: block;
        }

        body.theme-grand .submenu .category-item {
          width: 100%;
        }

        body.theme-grand .submenu .category-link {
          width: 100%;
          justify-content: space-between;
          padding: 16px 20px;
          color: #253229;
          font-size: 15px;
          font-weight: 500;
          border-radius: 0;
          box-shadow: none;
        }

        body.theme-grand .submenu .category-link::after {
          display: none;
        }

        body.theme-grand .submenu .category-item+.category-item .category-link {
          border-top: 1px solid #edf1ee;
        }

        body.theme-grand .submenu .category-item:hover>.category-link,
        body.theme-grand .submenu .category-item.active-category>.category-link {
          background: #2f5d3a;
          color: #fff;
          font-weight: 700;
        }

        body.theme-grand .submenu .category-item>.submenu {
          top: 0;
          left: calc(100% - 2px);
          transform: none;
        }

        body.theme-grand .submenu .category-item>.category-link .category-caret {
          transform: rotate(-90deg);
        }

        body.theme-grand .submenu .category-item:hover>.category-link .category-caret {
          transform: rotate(-180deg);
        }

        body.theme-grand .category-mobile-trigger-wrap {
          display: none;
          padding: 0 12px;
          margin-top: 28px;
        }

        body.theme-grand .category-mobile-trigger {
          width: 100%;
          display: inline-flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          padding: 14px 18px;
          border: 0;
          border-radius: 18px;
          background: linear-gradient(135deg, #2f5d3a, #3d7a4c);
          color: #fff;
          font-size: 15px;
          font-weight: 700;
          box-shadow: 0 16px 30px rgba(47, 93, 58, 0.24);
        }

        body.theme-grand .category-overlay {
          position: fixed;
          inset: 0;
          background: rgba(8, 17, 11, 0.44);
          opacity: 0;
          visibility: hidden;
          transition: 0.25s ease;
          z-index: 1098;
        }

        body.theme-grand .category-overlay.active {
          opacity: 1;
          visibility: visible;
        }

        body.theme-grand .category-sidebar {
          position: fixed;
          top: 0;
          right: 0;
          width: min(320px, 88vw);
          height: 100vh;
          padding: 86px 18px 28px;
          background: #fff;
          box-shadow: -18px 0 40px rgba(0, 0, 0, 0.18);
          transform: translateX(100%);
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          transition: transform 0.3s ease, opacity 0.25s ease, visibility 0.25s ease;
          z-index: 1099;
          overflow-y: auto;
        }

        body.theme-grand .category-sidebar.active {
          transform: translateX(0);
          opacity: 1;
          visibility: visible;
          pointer-events: auto;
        }

        body.theme-grand .category-sidebar-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 22px;
        }

        body.theme-grand .category-sidebar-title {
          margin: 0;
          color: #213127;
          font-size: 20px;
          font-weight: 700;
        }

        body.theme-grand .category-sidebar-close {
          width: 38px;
          height: 38px;
          border: 0;
          border-radius: 50%;
          background: #f2f6f3;
          color: #213127;
        }

        body.theme-grand .category-sidebar .category-menu {
          display: block;
        }

        body.theme-grand .category-sidebar .category-item+.category-item {
          margin-top: 8px;
        }

        body.theme-grand .category-sidebar .category-item.has-children {
          display: flex;
          flex-wrap: wrap;
          align-items: stretch;
          gap: 8px;
        }

        body.theme-grand .category-sidebar .category-link {
          width: 100%;
          justify-content: space-between;
          padding: 15px 16px;
          border-radius: 16px;
          background: #f7faf8;
          white-space: normal;
        }

        body.theme-grand .category-sidebar .category-item.has-children>.category-link {
          width: calc(100% - 52px);
          justify-content: flex-start;
          align-items: flex-start;
        }

        body.theme-grand .category-sidebar .category-label {
          display: block;
          flex: 1 1 auto;
          min-width: 0;
          white-space: normal;
          overflow-wrap: anywhere;
          word-break: break-word;
          line-height: 1.35;
        }

        body.theme-grand .category-sidebar .category-link::after,
        body.theme-grand .category-sidebar .category-link .category-caret {
          display: none;
        }

        body.theme-grand .category-sidebar .category-toggle {
          width: 44px;
          min-width: 44px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border: 0;
          border-radius: 14px;
          background: #edf5ef;
          color: #2f5d3a;
          transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
          position: relative;
          z-index: 2;
          flex-shrink: 0;
          cursor: pointer;
        }

        body.theme-grand .category-sidebar .category-toggle-icon {
          font-size: 12px;
          transition: transform 0.25s ease;
        }

        body.theme-grand .category-sidebar .submenu {
          position: static !important;
          display: none;
          width: 100%;
          min-width: 0;
          margin-top: 8px;
          padding-left: 12px;
          transform: none;
          border: 0;
          border-left: 3px solid #2f5d3a;
          border-radius: 0;
          box-shadow: none;
          background: transparent;
        }

        body.theme-grand .category-sidebar .submenu.active {
          display: block;
        }

        body.theme-grand .category-sidebar .submenu .category-link {
          background: #fff;
          padding: 12px 14px;
          border: 1px solid #edf1ee;
        }

        body.theme-grand .category-sidebar .submenu .category-item+.category-item .category-link {
          border-top: 1px solid #edf1ee;
        }

        body.theme-grand .category-sidebar .category-item.open>.category-link,
        body.theme-grand .category-sidebar .category-item.active-category>.category-link {
          color: #fff;
          font-weight: 700;
          background: #2f5d3a;
          box-shadow: 0 12px 22px rgba(47, 93, 58, 0.18);
        }

        body.theme-grand .category-sidebar .category-item.open>.category-toggle {
          background: #2f5d3a;
          color: #fff;
        }

        body.theme-grand .category-sidebar .category-item.open>.category-toggle .category-toggle-icon {
          transform: rotate(180deg);
        }

        body.theme-grand .menu-box {
          background: #fff;
          border-radius: 18px;
          padding: 15px;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
          transition: 0.3s;
          position: relative;
        }

        body.theme-grand .menu-box:hover {
          transform: translateY(-5px);
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        body.theme-grand .menu-price {
          position: absolute;
          top: 10px;
          right: 10px;
          background: #2f5d3a;
          color: #fff;
          padding: 5px 12px;
          border-radius: 20px;
          font-size: 12px;
        }

        body.theme-grand .menu-img {
          height: 160px;
          overflow: hidden;
          border-radius: 12px;
          margin-bottom: 10px;
        }

        body.theme-grand .menu-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        body.theme-grand .product-title {
          font-size: 16px;
          font-weight: 600;
          text-align: center;
          cursor: pointer;
        }

        body.theme-grand .cart-sidebar {
          position: sticky;
          top: 80px;
          padding: 15px;
        }

        @media (max-width: 992px) {
          body.theme-grand .category-wrapper {
            display: none;
            margin-top: 18px;
            padding: 0 6px;
          }

          body.theme-grand .category-mobile-trigger-wrap {
            display: block;
            padding: 0 14px;
            margin-top: 34px;
            margin-bottom: 8px;
          }

          body.theme-grand .category-shell {
            width: 100%;
            padding: 7px 8px;
            border-radius: 16px;
          }

          body.theme-grand .category-top,
          body.theme-grand .category-menu {
            justify-content: center;
          }

          body.theme-grand .category-menu {
            gap: 1px;
          }

          body.theme-grand .category-link {
            gap: 3px;
            padding: 8px 4px 11px;
            font-size: 10px;
          }

          body.theme-grand .category-link::after {
            left: 4px;
            right: 4px;
          }

          body.theme-grand .category-caret {
            font-size: 8px;
          }

          body.theme-grand .category-mobile-trigger {
            border-radius: 14px;
            padding: 12px 16px;
            font-size: 14px;
          }

          body.theme-grand .category-sidebar {
            width: min(300px, 82vw);
            padding-top: 96px;
          }

          body.theme-grand .category-sidebar .category-link {
            font-size: 14px;
          }

          body.theme-grand .category-sidebar .category-item.has-children {
            align-items: flex-start;
          }

          body.theme-grand .category-sidebar .category-toggle {
            align-self: stretch;
          }

          body.theme-grand .category-sidebar .submenu {
            padding-left: 10px;
          }
        }

        @media (min-width: 993px) {
          body.theme-grand .category-wrapper {
            display: block;
          }

          body.theme-grand .category-top {
            overflow: visible;
          }

          body.theme-grand .category-sidebar,
          body.theme-grand .category-overlay,
          body.theme-grand .category-mobile-trigger-wrap {
            display: none;
          }
        }

        /* Grand Theme - Checkout Page CSS */
        body.theme-grand .grand-checkout-page {
          background-color: #f5f1f2;
        }

        body.theme-grand .checkout-note {
          background: #f4f7f2;
          border-left: 4px solid #2bbb84;
          font-size: 0.9rem;
          color: #333;
        }

        body.theme-grand .checkout-note a {
          color: #2bbb84;
          font-weight: 600;
          text-decoration: underline;
        }

        body.theme-grand .checkout-note a:hover {
          color: #2bbb84;
          text-decoration: none;
        }

        body.theme-grand .grand-contact-info {
          width: 50%;
        }

        @media (max-width: 991.98px) {
          body.theme-grand .grand-contact-info {
            width: 100%;
          }
        }

        /* Grand Theme - Payment Selection CSS */
        body.theme-grand .grand-payment-option[type="radio"] {
          position: absolute;
          opacity: 0;
          width: 0;
          height: 0;
        }

        body.theme-grand .grand-payment-option+img {
          cursor: pointer;
        }

        body.theme-grand .grand-payment-option:checked+img {
          outline: 2px solid #f00;
        }

        /* Grand Theme - Auth Pages CSS */
        body.theme-grand .grand-auth-shell,
        body.theme-grand .grand-change-password-shell,
        body.theme-grand .grand-profile-shell,
        body.theme-grand .grand-order-history-shell {
          background-color: #f5f1f2;
        }

        body.theme-grand .grand-login-page {
          min-height: 780px;
          margin-top: 70px !important;
        }

        body.theme-grand .grand-password-email-page {
          min-height: 830px;
        }

        body.theme-grand .grand-change-password-shell {
          min-height: 500px;
        }

        body.theme-grand .grand-profile-shell {
          min-height: 70vh;
        }

        body.theme-grand .grand-order-history-shell {
          min-height: 80vh;
        }

        body.theme-grand .grand-change-password-form {
          max-width: 400px;
        }

        body.theme-grand .grand-change-password-button,
        body.theme-grand .grand-profile-submit,
        body.theme-grand .btn.grand-change-password-button,
        body.theme-grand .btn.grand-profile-submit {
          background-color: #ffffff;
          color: #1f3d2b;
          border-color: #ffffff;
        }

        body.theme-grand .grand-change-password-button:hover,
        body.theme-grand .grand-change-password-button:focus,
        body.theme-grand .grand-change-password-button:active,
        body.theme-grand .grand-profile-submit:hover,
        body.theme-grand .grand-profile-submit:focus,
        body.theme-grand .grand-profile-submit:active,
        body.theme-grand .btn.grand-change-password-button:hover,
        body.theme-grand .btn.grand-change-password-button:focus,
        body.theme-grand .btn.grand-change-password-button:active,
        body.theme-grand .btn.grand-profile-submit:hover,
        body.theme-grand .btn.grand-profile-submit:focus,
        body.theme-grand .btn.grand-profile-submit:active {
          background-color: #ffffff !important;
          color: #1f3d2b !important;
          border-color: #ffffff !important;
          box-shadow: none;
        }

        body.theme-grand .grand-inline-checkbox {
          padding: 0;
          margin: 0;
        }

        body.theme-grand .grand-profile-card {
          background-color: #2bbb84;
        }

        body.theme-grand .grand-profile-card--wide {
          max-width: 600px;
        }

        body.theme-grand .grand-profile-consent {
          color: #ffffff !important;
        }

        body.theme-grand .grand-outline-hover:hover {
          background-color: rgba(255, 255, 255, 0.2);
        }

        body.theme-grand .grand-no-transform {
          text-transform: none;
        }

        /* Grand Theme - Gallery Pages CSS */
        body.theme-grand .grand-gallery-page {
          background: #173a2a;
          color: #ffffff;
        }

        body.theme-grand .grand-video-page {
          background: #1f4d38;
          color: #ffffff;
        }

        body.theme-grand .grand-gallery-accent {
          color: #173a2a;
        }

        body.theme-grand .grand-gallery-modal-header {
          background: #173a2a;
        }

        /* Grand Theme - PDF Menu CSS */
        body.theme-grand .grand-pdf-menu-page {
          min-height: 700px;
        }

        body.theme-grand .grand-pdf-menu-title {
          color: #2bbb84;
        }

        /* Grand Theme - Category Listing Legacy CSS */
        body.theme-grand .grand-category-grid {
          position: relative;
          height: 1707.94px;
        }

        body.theme-grand .grand-category-grid-item {
          position: absolute;
          left: 0;
          top: 0;
        }

        body.theme-grand .grand-zoom {
          transition: transform 0.2s;
          max-width: 100%;
          margin: 0 auto;
        }

        body.theme-grand .grand-zoom:hover {
          transform: scale(1.5);
        }

        /* Grand Theme - Product Grid CSS */
        body.theme-grand .grand-card-grid {
          display: flex;
          flex-wrap: wrap;
        }

        body.theme-grand .grand-card-grid__col {
          flex: 0 0 auto;
        }

        body.theme-grand .grand-clamp-2 {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }

        body.theme-grand .grand-product-card {
          height: 100%;
          background-color: #2f6f4e;
          color: #ffffff;
          display: flex;
          flex-direction: column;
        }

        body.theme-grand .grand-product-card__image {
          height: 250px;
          width: 100%;
          object-fit: cover;
          padding: 16px;
          border-radius: 20px;
        }

        body.theme-grand .grand-product-card__title {
          min-height: 38px;
          margin-bottom: 4px;
        }

        body.theme-grand .grand-product-card__desc {
          min-height: 42px;
          margin-bottom: 6px;
          line-height: 1.3;
        }

        body.theme-grand .grand-product-card__price {
          margin-bottom: 6px;
        }

        body.theme-grand .grand-flag-title,
        body.theme-grand .grand-loyalty-accent {
          color: #1f3d2b;
        }

        body.theme-grand .grand-flag-badge {
          top: 10px;
          left: 10px;
        }

        body.theme-grand .grand-flag-image {
          height: 260px;
          object-fit: cover;
          border-radius: 20px;
          max-width: 100%;
        }

        body.theme-grand .grand-rating-stars {
          font-size: 1.2rem;
        }

        /* Grand Theme - Product Item / Modal CSS */
        body.theme-grand .grand-product-item-wrap,
        body.theme-grand .grand-product-item-form {
          z-index: 1;
          position: relative;
        }

        body.theme-grand .grand-product-item-select {
          min-width: 200px;
          height: 38px;
        }

        body.theme-grand .grand-product-item-actions {
          width: fit-content;
        }

        body.theme-grand .grand-product-item-qty {
          height: 38px;
          width: 70px;
        }

        body.theme-grand .grand-product-item-submit {
          height: 38px;
          color: #ffffff;
          font-weight: 600;
        }

        body.theme-grand .grand-product-item-spinner {
          width: 16px;
          height: 16px;
        }

        body.theme-grand .grand-product-item-modal {
          display: block;
          background: rgba(0, 0, 0, 0.5);
        }

        body.theme-grand .grand-product-item-modal-header {
          background: #2f5d3a;
          border-bottom: none;
        }

        body.theme-grand .grand-product-item-option {
          width: 200px;
          height: 70px;
        }

        body.theme-grand .grand-product-item-option-select {
          width: 80px;
        }

        body.theme-grand .grand-product-item-option-price {
          font-size: 0.85rem;
        }

        body.theme-grand .grand-product-item-submit--modal {
          background-color: #2f5d3a;
          color: #ffffff;
          font-weight: 600;
        }

        /* Grand Theme - Message Modal CSS */
        body.theme-grand .grand-message-modal-header {
          background-color: rgb(240, 237, 237);
        }

        body.theme-grand .grand-message-modal-button {
          background-color: #27b47e;
        }

        /* Grand Theme - Order History CSS */
        body.theme-grand .grand-order-history-header {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        body.theme-grand .grand-order-history-status {
          color: #000000 !important;
        }

        body.theme-grand .grand-order-history-badge {
          font-weight: 500;
          font-size: 0.75rem;
        }

        body.theme-grand .grand-order-history-badge--schedule {
          padding: 0.25em 0.4em;
          line-height: 1;
          vertical-align: middle;
          color: #ffffff !important;
        }

        body.theme-grand .grand-order-history-badge-icon {
          font-size: 0.8rem;
          color: #ffffff !important;
        }

        body.theme-grand .grand-order-history-badge-label {
          color: #ffffff !important;
        }

        /* Grand Theme - Terms Page CSS */
        body.theme-grand .grand-terms-title {
          color: #0f5132;
        }

        body.theme-grand .grand-terms-policy-button,
        body.theme-grand .grand-terms-content-title,
        body.theme-grand .grand-terms-content-title span {
          background-color: #0f5132;
          color: #ffffff;
        }

        body.theme-grand #terms-text h6:not(.grand-terms-content-title):not(.section-heading):not(.policy-header):not(.pizzabi-term-title-bar):not(.heading-highlight),
        body.theme-grand #terms-text .sub-heading,
        body.theme-grand #terms-text .subheading,
        body.theme-grand #terms-text .condition_color,
        body.theme-grand .grand-terms-subheading {
          color: #0f5132 !important;
        }

        body.theme-grand .grand-terms-content-store {
          display: none;
        }

        body.theme-grand .grand-terms-subheading,
        body.theme-grand .grand-terms-mail-link {
          color: #000000;
        }

        body.theme-grand .grand-terms-mail-link {
          text-decoration: none;
        }

        body.theme-grand .term_and_conditions_section {
          padding: 7rem 0 4rem;
        }

        body.theme-grand .term_and_conditions_section_title_box {
          border-bottom: 0.2rem solid #000000;
        }

        body.theme-grand .term_and_conditions_section_title_box h1 {
          font-size: 36px;
          color: #000000;
          font-weight: 900;
        }

        body.theme-grand .term_and_conditions_section_title_box_left_content h6,
        body.theme-grand .term_and_conditions_section_title_box_left_content_common h6 {
          font-size: 28px;
          line-height: 1.4;
        }

        body.theme-grand .term_and_conditions_section_title_box_left_content h6 {
          color: #000000;
        }

        body.theme-grand .term_and_conditions_section_title_box_left_content_common h6 {
          color: #56782e;
        }

        body.theme-grand .term_and_conditions_section_title_box_left_content p,
        body.theme-grand .term_and_conditions_section_title_box_right_content p {
          font-size: 16px;
          line-height: 1.7;
        }

        body.theme-grand .term_and_conditions_section_title_box_left_content a {
          width: 12rem;
          height: 3rem;
          background-color: #0f5132;
          color: #ffffff;
          display: flex;
          text-decoration: none;
          justify-content: center;
          align-items: center;
          border-radius: 10px;
          font-size: 16px;
          font-weight: 700;
        }

        body.theme-grand .term_and_conditions_section_title_box_left_content_common_link {
          background-color: #f1c40f;
          color: #000000;
          text-decoration: none;
          width: 100% !important;
          display: flex;
          height: 3rem;
          justify-content: center;
          align-items: center;
          border-radius: 10px;
          font-weight: 700;
        }

        body.theme-grand .term_and_conditions_section_title_box_right_content h6 {
          font-size: 28px;
          color: #f1c40f;
          line-height: 1.4;
        }

        body.theme-grand .term_and_conditions_section_title_box_right_container {
          border: 10px solid #0f5132;
        }

        body.theme-grand .term_and_conditions_section_title_box_right_content_title {
          background-color: #f1c40f;
        }

        body.theme-grand .term_and_conditions_section_title_box_right_content_title h6 {
          color: #ffffff;
          font-size: 36px;
          font-weight: 900;
        }

        body.theme-grand .condition_color {
          color: #f1c40f !important;
        }

        body.theme-grand .heading-highlight,
        body.theme-grand .section-heading,
        body.theme-grand .policy-header,
        body.theme-grand .pizzabi-term-title-bar {
          background-color: #0f5132;
          color: #ffffff !important;
          font-weight: bold;
          font-size: 0.9rem;
          margin-top: 0.5rem;
          margin-bottom: 0.5rem;
          padding: 0.5rem 1rem;
        }

        body.theme-grand .policy-header,
        body.theme-grand .policy-header *,
        body.theme-grand .pizzabi-term-title-bar,
        body.theme-grand .pizzabi-term-title-bar *,
        body.theme-grand .pizzabi-term-title-text,
        body.theme-grand #terms-text .heading-highlight,
        body.theme-grand #terms-text .heading-highlight *,
        body.theme-grand #terms-text .policy-header,
        body.theme-grand #terms-text .policy-header *,
        body.theme-grand #terms-text .section-heading,
        body.theme-grand #terms-text .section-heading *,
        body.theme-grand #terms-text .pizzabi-term-title-bar,
        body.theme-grand #terms-text .pizzabi-term-title-bar *,
        body.theme-grand .heading-highlight,
        body.theme-grand .heading-highlight *,
        body.theme-grand .section-heading,
        body.theme-grand .section-heading *,
        body.theme-grand .grand-terms-policy-button,
        body.theme-grand .grand-terms-policy-button * {
          color: #ffffff !important;
        }

        body.theme-grand .subheading,
        body.theme-grand .sub-heading {
          color: #000000 !important;
        }

        body.theme-grand .sub-heading {
          font-size: 1.2rem;
          font-weight: 600;
        }

        body.theme-grand .refund-policy-container ul,
        body.theme-grand .privacy-policy-container ul,
        body.theme-grand .cookies-policy-container ul {
          list-style-type: disc;
          padding-left: 1.5rem;
        }

        body.theme-grand .refund-policy-container p,
        body.theme-grand .privacy-policy-container p,
        body.theme-grand .cookies-policy-container p {
          margin-bottom: 0.75rem;
        }

        /* Grand Theme - Testimonials CSS */
        body.theme-grand .testimonial-heading {
          font-size: 2rem;
          font-weight: 700;
          color: #222;
          margin-bottom: 2rem;
          position: relative;
        }

        body.theme-grand .testimonial-heading::after {
          content: "";
          display: block;
          width: 60px;
          height: 3px;
          background: #ffb400;
          margin: 0.5rem auto 0;
          border-radius: 3px;
        }

        body.theme-grand .testimonial-card {
          background: #ffffff;
          border-radius: 1rem;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          padding: 2rem;
          transition: transform 0.3s, box-shadow 0.3s;
          height: 100%;
        }

        body.theme-grand .testimonial-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
        }

        body.theme-grand .testimonial-comment {
          color: #555;
          font-style: italic;
          margin-bottom: 1.2rem;
        }

        body.theme-grand .testimonial-comment::first-letter {
          color: #ffb400;
          font-size: 2rem;
          font-weight: bold;
        }

        body.theme-grand .testimonial-quote,
        body.theme-grand .testimonial-quote-end {
          color: #ffb400;
        }

        body.theme-grand .testimonial-quote-end {
          font-size: 2rem;
        }

        body.theme-grand .testimonial-name {
          font-weight: 600;
          color: #222;
          margin-top: 1rem;
          font-size: 1rem;
        }

        body.theme-grand .testimonial-rating {
          display: flex;
          align-items: center;
          margin-bottom: 0.5rem;
          color: #ffb400;
          font-size: 1.2rem;
        }

        body.theme-grand .slick-slide {
          padding: 0 10px;
        }

        body.theme-grand .slick-dots {
          bottom: -30px;
        }

        body.theme-grand .slick-dots li button:before {
          color: #aaa;
          opacity: 0.5;
          font-size: 12px;
        }

        body.theme-grand .slick-dots li.slick-active button:before {
          color: #ffb400;
          opacity: 1;
        }

        body.theme-grand .grand-top-selling-title {
          color: #155d3b !important;
        }

        body.theme-grand .grand-top-selling-empty {
          color: #000000 !important;
          text-align: center !important;
        }

        body.theme-grand .grand-home-feature-header {
          position: relative;
          justify-content: center !important;
          margin-bottom: 1.5rem;
        }

        body.theme-grand .grand-home-feature-title {
          width: 100%;
          margin-bottom: 0 !important;
          text-align: center !important;
        }

        body.theme-grand .grand-home-feature-action {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
        }

        body.theme-grand .grand-home-feature-empty {
          display: block;
          width: 100%;
          margin: 0 auto;
          color: #000000 !important;
          text-align: center !important;
        }

        @media (max-width: 575.98px) {
          body.theme-grand .grand-home-feature-header {
            flex-direction: column;
            gap: 0.75rem;
          }

          body.theme-grand .grand-home-feature-action {
            position: static;
            transform: none;
          }
        }

        body.theme-grand .checkout-postcode-search-btn,
        body.theme-grand .checkout-postcode-search-btn:hover,
        body.theme-grand .checkout-postcode-search-btn:focus,
        body.theme-grand .checkout-postcode-search-btn:active {
          background: #ffffff !important;
          border-color: #ffffff !important;
          color: #111111 !important;
          box-shadow: none !important;
        }

        .grand-checkout .checkout-root .checkout-note-help,
        .grand-checkout .checkout-root .checkout-note-help.text-white,
        .grand-checkout .checkout-root .note-help {
          color: #111111 !important;
        }

        body.theme-grand .grand-postcode-modal__dialog {
          max-width: 560px;
        }

        body.theme-grand .grand-postcode-modal__content {
          border: 0;
          border-radius: 18px;
          overflow: hidden;
          background: #f8fbf8;
          box-shadow: 0 24px 60px rgba(10, 33, 20, 0.24);
        }

        body.theme-grand .grand-postcode-modal__header {
          padding: 1.2rem 1.4rem;
          background: linear-gradient(135deg, #1f5f3c 0%, #2f7a4a 100%);
          border-bottom: 1px solid rgba(255, 255, 255, 0.14);
        }

        body.theme-grand .grand-postcode-modal__title {
          color: #ffffff !important;
          font-size: 1.75rem;
          font-weight: 700;
          line-height: 1.2;
          margin: 0;
        }

        body.theme-grand .grand-postcode-modal .btn-close {
          filter: brightness(0) invert(1);
          opacity: 0.9;
        }

        body.theme-grand .grand-postcode-modal .btn-close:hover,
        body.theme-grand .grand-postcode-modal .btn-close:focus {
          opacity: 1;
          box-shadow: none;
        }

        body.theme-grand .grand-postcode-modal__body {
          padding: 1.4rem;
          background:
            radial-gradient(circle at top left, rgba(74, 163, 104, 0.12), transparent 42%),
            linear-gradient(180deg, #f8fbf8 0%, #f1f7f2 100%);
        }

        body.theme-grand .grand-postcode-modal__row {
          align-items: flex-end !important;
        }

        body.theme-grand .grand-postcode-modal__field {
          flex: 1 1 0;
        }

        body.theme-grand .grand-postcode-modal__label {
          display: block;
          margin-bottom: 0.45rem;
          color: #1f5f3c !important;
          font-size: 0.9rem;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.04em;
        }

        body.theme-grand .grand-postcode-modal__control {
          min-height: 48px;
          border-radius: 14px;
          border: 1px solid rgba(31, 95, 60, 0.22);
          background: #ffffff !important;
          color: #18261d !important;
          box-shadow: none !important;
          padding-left: 0.95rem;
          padding-right: 0.95rem;
        }

        body.theme-grand .grand-postcode-modal__control::placeholder {
          color: rgba(24, 38, 29, 0.55) !important;
        }

        body.theme-grand .grand-postcode-modal__control:focus {
          border-color: #2f7a4a !important;
          box-shadow: 0 0 0 0.2rem rgba(47, 122, 74, 0.15) !important;
        }

        body.theme-grand .grand-postcode-modal__body--message,
        body.theme-grand .grand-postcode-modal__body--message p,
        body.theme-grand .grand-postcode-modal__body--message #err_msg {
          color: #18261d !important;
          font-size: 1rem;
          line-height: 1.65;
          margin-bottom: 0;
        }

        body.theme-grand .grand-postcode-modal__footer {
          display: flex;
          justify-content: flex-end;
          gap: 0.75rem;
          padding: 1rem 1.4rem 1.35rem;
          background: #f8fbf8;
          border-top: 1px solid rgba(31, 95, 60, 0.08);
        }

        body.theme-grand .grand-postcode-modal__button {
          min-width: 132px;
          min-height: 46px;
          border-radius: 12px;
          border: 1px solid transparent;
          font-weight: 700;
          box-shadow: none !important;
        }

        body.theme-grand .grand-postcode-modal__button--secondary,
        body.theme-grand .grand-postcode-modal__button--secondary:hover,
        body.theme-grand .grand-postcode-modal__button--secondary:focus,
        body.theme-grand .grand-postcode-modal__button--secondary:active {
          background: #ffffff !important;
          border-color: rgba(31, 95, 60, 0.2) !important;
          color: #1f5f3c !important;
        }

        body.theme-grand .grand-postcode-modal__button--primary,
        body.theme-grand .grand-postcode-modal__button--primary:hover,
        body.theme-grand .grand-postcode-modal__button--primary:focus,
        body.theme-grand .grand-postcode-modal__button--primary:active {
          background: linear-gradient(135deg, #1f5f3c 0%, #2f7a4a 100%) !important;
          border-color: #2f7a4a !important;
          color: #ffffff !important;
        }

        @media (max-width: 575.98px) {
          body.theme-grand .grand-postcode-modal__title {
            font-size: 1.3rem;
          }

          body.theme-grand .grand-postcode-modal__row {
            flex-direction: column;
            align-items: stretch !important;
          }

          body.theme-grand .grand-postcode-modal__field {
            width: 100%;
          }

          body.theme-grand .grand-postcode-modal__footer {
            flex-direction: column-reverse;
          }

          body.theme-grand .grand-postcode-modal__button {
            width: 100%;
          }
        }

        .icon-circle {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #f5f5f5;
          color: #212529;
          text-decoration: none;
          transition: all 0.3s ease;
          position: relative;
        }

        .icon-circle:hover {
          background-color: #e0e0e0;
        }

        .cart-badge {
          position: absolute;
          top: -5px;
          right: -5px;
          background: red;
          color: white;
          border-radius: 50%;
          font-size: 10px;
          padding: 2px 5px;
        }

        .navbar-nav .nav-link {
          font-weight: 500;
          /* color: #0d1b2a !important; */
        }

        .hero-content h1 {
          font-weight: 700;
          font-size: 3rem;
        }

        .hero-content p {
          font-size: 1rem;
          max-width: 400px;
        }

        .hero-wave {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
        }

        .hero-img {
          max-width: 100%;
          animation: float 3s ease-in-out infinite;
        }

        @keyframes float {

          0%,
          100% {
            transform: translateY(0);
          }

          50% {
            transform: translateY(-10px);
          }
        }

        .hero-custom {
          background-color: #2bbb84;
          color: white;
          position: relative;
          overflow: hidden;
          min-height: 60vh;
          /* increase height to 90% of viewport height */
        }

        /* Scrollable Category */
        .scroll-container {
          overflow-x: auto;
          white-space: nowrap;
          scroll-behavior: smooth;
          cursor: grab;
        }

        .scrolling-wrapper {
          display: inline-flex;
        }

        .category-card {
          flex: 0 0 auto;
          width: 160px;
          text-align: center;
          border: 1px solid #eee;
          border-radius: 5px;
          padding: 10px;
          background: #fff;
          margin-right: 1rem;
          user-select: none;
          /* drag ke liye important */
        }

        .category-card img {
          height: 80px;
          object-fit: contain;
          margin-bottom: 8px;
        }

        .scroll-container::-webkit-scrollbar {
          display: none;
        }

        /* Catalog */
        @media (max-width:992px) {
          .ordering_section_child_left_child1_navbar {
            width: 75%;
            height: 100vh;
            position: fixed;
            top: 0;
            right: 0;
            background-color: #2bbb84;
            overflow: auto;
            padding: 0 1rem 0 1rem;
            z-index: 2;
          }

          .toggle_cut_bar {
            font-size: 28px !important;
          }
        }

        @media (max-width:992px) {
          .ordering_section_child_left_child1_navbar {
            width: 75%;
            height: 100vh;
            position: fixed;
            top: 0;
            right: 0;
            background-color: #2bbb84;
            overflow: auto;
            padding: 0 1rem 0 1rem;
          }
        }

        /* catalog z-index */
        .ordering_section_child_left_child1_navbar {
          z-index: 1055;
        }

        .ordering_section {
          padding: 8rem 0 4rem 0;
          background-color: #f2fff6;
          min-height: 100vh;
        }

        .ordering_section_child_left_child1_title {
          color: white;
          background-color: #2bbb84;
          text-transform: uppercase;
        }

        .ordering_section_child_left_child1_title>h1 {
          font-size: 20px;
        }

        .ordering_section_child_left_child1_title>p {
          font-size: 18px;
        }

        .ordering_section_child_left {
          background-color: #2bbb84;
        }

        .ordering_section_child_left_child1_navbar>ul>li {
          color: black;
          list-style: none;
          text-transform: uppercase;
          background-color: #ffffff;
          height: auto;
          font-size: 16px;
          padding: 5px;
        }

        .ordering_section_child_left_child1_navbar>ul>li>a {
          text-decoration: none;
          color: black;
        }

        .ordering_section_child_left_child1_navbar_dish_list {
          color: white;
        }

        .dish_card {
          border-bottom: 1px dashed white;
          padding: 1rem 0 1rem 0;
        }

        .dish_card:last-child {
          border: none !important;
        }

        .dish_card_left>p:first-child {
          color: white;
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 700;
        }

        .dish_card_right>button {
          background-color: #ffe96d;
          border: none;
          width: 4rem;
          height: 2rem;
        }

        .dish_card_right>p {
          font-size: 28px;
          font-weight: 700;
        }

        .ordering_section_child_left_child1_navbar_dish_list_title {
          background-color: #ffffff;
          height: auto !important;
          margin-top: 1rem;
          display: inline-block;
          color: black;
        }

        .ordering_section_child_left_child1_navbar_dish_list {
          padding-top: 1rem;
        }

        .ordering_section_child_left_child1_search_bar {
          background-color: #fdfbfb;
          padding: 0.5rem;
        }

        .ordering_section_child_left_child1_search_bar input {
          width: 15rem;
          height: 2.5rem;
          border: none;
        }

        .ordering_section_child_left_child1_search_bar h2 {
          font-size: 24px !important;
          text-transform: uppercase !important;
          font-weight: 700;
          color: white;
        }

        .ordering_section_child_right_child_top {
          background-color: #56782e;
          color: black;
        }

        .ordering_section_child_right_child_top_child {
          background-color: white;
        }

        .ordering_section_child_right_child_top button {
          width: 8rem;
          height: 2.5rem;
          background-color: #ffe96d !important;
          color: black;
          border: none;
          text-transform: none;
          font-weight: 700;
        }

        .ordering_section_child_right_child_top_child p {
          font-weight: 700;
        }

        .ordering_section_child_left_child1_title span {
          color: #ffe96d !important;
        }

        .ordering_section_child_left_child1_title>p>span {
          color: white !important;
          font-size: 18px;
        }

        .ordering_section_child_left_child1_navbar_dish_list>img {
          height: 10rem;
          object-fit: cover;
          width: 100%;
        }

        /* allergies css */
        .ordering_section_child_right_child_middle {
          background-color: black;
        }

        .ordering_section_child_right_child_middle h6 {
          color: #ffffff;
          text-transform: uppercase;
          font-size: 32px;
        }

        .ordering_section_child_right_child_middle {
          padding: 3rem 1rem !important;
        }

        .ordering_section_child_right_child_middle p {
          color: white;
        }

        .ordering_section_child_right_child_middle a {
          width: auto;
          height: auto;
          padding: 8px 1rem;
          background-color: #ffffff;
          color: black;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 17px;
          font-weight: 700;
        }

        /* loyality point css */
        .ordering_section_child_right_child_bottom {
          background-color: #2bbb84;
        }

        .ordering_section_child_right_child_bottom h6 {
          color: #ffffff;
          text-transform: uppercase;
          font-size: 32px;
        }

        .ordering_section_child_right_child_bottom {
          padding: 3rem 1rem !important;
        }

        .ordering_section_child_right_child_bottom p {
          color: white;
        }

        .ordering_section_child_right_child_bottom a {
          width: auto;
          height: auto;
          padding: 8px 1rem;
          background-color: #ffffff;
          color: black;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 17px;
          font-weight: 700;
        }

        .ordering_section_child_right_child_bottom_text_anchor {
          background: transparent !important;
          font-size: 14px !important;
          color: red !important;
        }

        /* MEDIA QUERY  */
        @media (max-width:992px) {
          .ordering_section_child_left_child1_navbar_dish_list>img {
            height: 20rem;
            object-fit: cover;
            width: 100%;
          }

          .ordering_section_child_right_child_bottom>img {
            height: 15rem;
          }
        }

        /* CONTACT US PAGE CSS  */
        .contact_us_child_right_child_bottom h6 {
          text-transform: none !important;
        }

        .contact_us_child_right_child_top p {
          text-transform: none !important;
        }

        .contact_us {
          padding: 8rem 0 6rem 0 !important;
          background-color: #f5f1f2;
          ;
          min-height: 100vh;
        }

        .contact_us_child_left_child_top {
          border: 0.5rem solid #2bbb84;
        }

        .contact_us_child_left_child_middle {
          background-color: #C6AB38;
        }

        .contact_us_child_right_child_top {
          background-color: #f5f1f2;
          color: black;
          border: 0.5rem solid #2bbb84 !important;
        }

        .contact_us_child_right_child_top>p:first-child {
          background-color: #2bbb84;
          padding: 0.5rem;
          text-align: center;
          font-size: 24px;
          color: white;
          text-transform: uppercase;
        }

        .contact_us_child_right_child_bottom {
          background-color: #f5f1f2;
          color: black !important;
          border: 0.5rem solid #2bbb84 !important;
        }

        .contact_us_child_right_child_bottom>h6 {
          background-color: #ffe96d;
          padding: 0.5rem;
          text-align: center;
          font-size: 24px;
          color: black;
          text-transform: uppercase;
        }

        .contact_us_child_right_child_bottom_child_1 {
          background-color: #2bbb84;
        }

        .contact_us_child_left_child_top ul li {
          text-transform: uppercase;
          list-style: none;
          font-size: 17px;
          font-weight: 500;
        }

        .contact_us_child_left_child_top ul>li:first-child {
          font-size: 16px;
        }

        .contact_us_child_left_child_top h2 {
          text-transform: uppercase;
        }

        .delivery_title_box {
          background-color: #2bbb84;
          color: white;
          border-radius: 5px;
          padding: 5px;
        }

        .delivery_title_box_title {
          height: 3rem;
          font-size: 1rem;
          font-weight: 700;
          text-transform: none;
        }

        .delivery_body_box {
          border: 0.5rem solid #2bbb84;
        }

        .footer_top_section {
          background-color: #ffe96d;
        }

        .quick_link {
          font-size: 20px;
          font-weight: 500;
          color: black !important;
        }

        .social_icon li>a {
          font-size: 2rem;
          color: #56782e;
          font-weight: 500 !important;
        }

        .quick_link_li>ul>li {
          padding-top: 1rem !important;
          font-size: 20px;
          font-weight: 700;
          color: #56782e;
        }

        .contact_us_child_right_child_bottom h6 {
          text-transform: none !important;
        }

        .contact_us_child_right_child_top p {
          text-transform: none !important;
        }

        /* Login Register Page CSS */
        /*  MEMBER CSS 2 css */
        @media (max-width:992px) {
          .member_body {
            padding: 9rem 0 6rem 0;
            background-color: #f5f1f2;
            color: white;
            height: auto !important;
          }

          .member_body_child_left input {
            width: 100% !important;
            height: 3rem !important;
          }

          .member_body_child_right input {
            width: 100% !important;
            height: 3rem !important;
          }

          .member_body_child_left label {
            font-size: 20px !important;
            width: 100% !important;
          }

          .member_body_child_right label {
            font-size: 20px !important;
          }
        }

        .member_body {
          padding: 9rem 0 4rem 0;
          background-color: #f5f1f2;
          color: white;
          min-height: 100vh;
        }

        .member_body_child_left {
          background-color: #2bbb84;
        }

        .member_body_child_left h1 {
          text-transform: none;
          color: white;
          font-size: 28px;
        }

        .member_body_child_right h2 {
          text-transform: none;
          color: white;
          font-size: 28px;
        }

        .member_body_child_left>label {
          font-size: 18px;
        }

        .member_body_child_left input {
          width: 12rem;
          height: 2rem;
        }

        .member_body_child_right_child1 {
          background-color: #2bbb84;
          text-transform: none;
        }

        .resister_btn {
          height: 3rem !important;
          background-color: white;
          display: inline-block !important;
          color: black;
          font-size: 17px;
          text-transform: none;
          border: none !important;
        }

        * {
          padding: 0rem;
          margin: 0rem;
          box-sizing: border-box;
        }

        .member_body_child_right_child1 label {
          font-size: 18px;
        }

        .member_body_child_right_child1 input {
          width: 12rem;
          height: 2rem;
        }

        .resister_btn2_bg {
          background-color: transparent !important;
          color: white !important;
          border: 1px solid white !important;
        }

        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          background-color: transparent !important;
          color: white;
        }

        .about_section {
          background-color: #f5f1f2;
          padding: 9rem 0 3rem 0;
        }

        /* New Header  */
        header {
          background-color: #1f3d2b;
          padding: 0.5rem;
        }

        header img {
          height: 3rem;
          width: 3rem;
        }

        header ul>li {
          font-size: 15px;
          text-transform: uppercase;
          color: white;
          font-weight: 700;
        }

        header ul>li>a {
          text-decoration: none;
          color: white;
        }

        header button {
          width: 6rem;
          height: 2rem;
          background-color: white;
          border: 1px solid #1f3d2b;
          border: none;
          text-transform: uppercase;
          font-weight: 700;
          color: #1f3d2b;
        }

        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          background-color: transparent !important;
          color: white;
        }

        @media (max-width:1024px) {
          .header_menu {
            color: white;
            font-size: 2rem;
          }

          #navbar {
            width: 60% !important;
            height: 100vh;
            background-color: #1f3d2b;
            color: white;
            position: fixed;
            top: 0;
            right: 0;
            z-index: 4;
            padding-top: 20%;
            padding-left: 2rem;
          }

          #navbar ul>li {
            padding-top: 1rem;
          }

          .x_mark {
            font-size: 3rem;
          }

          .dropdown-menu {
            width: 90%;
            /* Match width of parent (.dropdown) */
            min-width: unset;
            /* Remove Bootstrap's default min-width */
            height: 100%;
            /* Match height */
          }
        }

        .dropdown_btn {
          background: transparent !important;
          color: white;
          border: none;
          text-transform: uppercase;
          font-weight: 700;
          width: auto;
          height: auto;
          display: inline-block !important;
        }

        .dropdown-menu .dropdown-item:hover {
          background-color: transparent !important;
          /* Removes background change */
          color: inherit !important;
          /* Keeps text color unchanged */
        }

        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          color: black;
          display: inline-block !important;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          font-weight: 700;
          background-color: white;
          color: white;
        }

        .btn_log_in {
          background-color: white !important;
          color: #000;
        }

        /* New hero */
        .big-hero {
          min-height: 75vh;
          display: flex;
          align-items: center;
          background: linear-gradient(135deg, #a8e6a3 0%, #FFFFFF 100%);
          position: relative;
          overflow: hidden;
        }

        /* soft green glow */
        .big-hero::after {
          content: "";
          position: absolute;
          right: -120px;
          top: -120px;
          width: 420px;
          height: 420px;
          background: radial-gradient(circle, rgba(106, 168, 79, 0.35), transparent 70%);
        }

        /* CONTENT */
        .hero-tag {
          display: inline-block;
          background: #e4f2ea;
          color: #1f3d2b;
          font-size: 13px;
          font-weight: 600;
          padding: 7px 16px;
          border-radius: 20px;
        }

        .hero-title {
          font-size: 60px;
          font-weight: 800;
          color: #0f2e1e;
          line-height: 1.1;
          margin: 26px 0;
        }

        .hero-title span {
          color: #6aa84f;
        }

        .hero-text {
          font-size: 18px;
          color: #445d52;
          max-width: 540px;
          margin-bottom: 40px;
        }

        .hero-actions {
          display: flex;
          gap: 18px;
          align-items: center;
        }

        .hero-btn {
          background: linear-gradient(135deg, #6aa84f, #3a7d5d);
          color: #ffffff;
          padding: 16px 46px;
          border-radius: 10px;
          font-weight: 600;
          text-decoration: none;
          box-shadow: 0 12px 30px rgba(58, 125, 93, 0.35);
        }

        .hero-btn:hover {
          opacity: 0.95;
          color: #fff;
        }

        .hero-trust {
          font-size: 14px;
          color: #5f7a6e;
        }

        /* IMAGE */
        .hero-image {
          text-align: right;
          position: relative;
          z-index: 1;
        }

        .hero-image img {
          max-width: 540px;
          width: 100%;
          border-radius: 18px;
        }

        /* ================= MOBILE ================= */
        @media(max-width:992px) {
          .big-hero {
            padding: 40px 0;
          }

          .hero-title {
            font-size: 42px;
          }

          .hero-image {
            text-align: center;
            margin-top: 10px;
          }
        }

        @media(max-width:576px) {
          .hero-title {
            font-size: 34px;
          }

          .hero-actions {
            flex-direction: column;
            align-items: flex-start;
          }

          .hero-btn {
            width: 100%;
            text-align: center;
          }
        }

        .hero-wrap {
          width: 100%;
        }

        .hero-tag {
          display: inline-block;
          background: #e6f2eb;
          color: #1f3d2b;
          font-size: 13px;
          font-weight: 600;
          padding: 6px 14px;
          border-radius: 20px;
        }

        .hero-title {
          font-size: 58px;
          font-weight: 800;
          color: #1f3d2b;
          line-height: 1.1;
          margin: 24px 0;
        }

        .hero-title span {
          color: #6aa84f;
        }

        .hero-text {
          font-size: 18px;
          color: #555;
          max-width: 520px;
          margin-bottom: 36px;
        }

        .hero-actions {
          display: flex;
          gap: 18px;
          align-items: center;
        }

        .hero-btn {
          background: #1f3d2b;
          color: #fff;
          padding: 16px 44px;
          border-radius: 8px;
          font-weight: 600;
          text-decoration: none;
        }

        .hero-btn:hover {
          background: #163021;
          color: #fff;
        }

        .hero-trust {
          font-size: 14px;
          color: #777;
        }

        /* IMAGE SIDE */
        .hero-image {
          text-align: right;
        }

        .hero-image img {
          max-width: 520px;
          width: 100%;
        }

        .section-bg {
          background-color: #2f644a;
          color: white;
        }

        .btn-more {
          background-color: #6aa84f;
          color: white;
        }

        order-section {
          background: #ffffff;
          border-radius: 25px;
          padding: 60px 40px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          max-width: 1100px;
          margin: auto;
        }

        .order-title {
          font-weight: 700;
          color: #1f3d2b;
        }

        .title-underline {
          width: 60px;
          height: 4px;
          background: #6aa84f;
          margin: 12px auto 25px;
          border-radius: 5px;
        }

        .order-text {
          color: #555;
          font-size: 16px;
        }

        .order-subtext {
          color: #777;
          font-size: 15px;
        }

        .order-btn {
          background: #1f3d2b;
          color: #fff;
          padding: 14px 28px;
          border-radius: 12px;
          font-weight: 600;
          width: 260px;
        }

        .order-btn:hover {
          background: #163021;
          color: #fff;
        }

        @media (max-width: 768px) {
          .order-section {
            padding: 40px 20px;
          }

          .order-btn {
            width: 100%;
          }
        }

        .hero {
          background: #ffffff;
          padding: 60px 15px;
          border-radius: 0 0 40px 40px;
        }

        .hero h1 {
          color: #2f5d3a;
          font-size: 42px;
          font-weight: 700;
        }

        .hero p {
          color: #6b8f71;
          font-size: 17px;
        }

        /* ================= CATEGORY ================= */
        .category-bar {
          background: #fff;
          margin-top: -30px;
          border-radius: 50px;
          padding: 12px 20px;
          box-shadow: 0 15px 35px rgba(47, 93, 58, .25);
          display: flex;
          gap: 12px;
          overflow-x: auto;
        }

        .category-bar span {
          padding: 8px 18px;
          border-radius: 25px;
          background: #eef5f0;
          cursor: pointer;
          font-weight: 500;
          color: #2f5d3a;
          white-space: nowrap;
        }

        .category-bar span.active {
          background: #2f5d3a;
          color: #fff;
        }

        /* ================= MENU ================= */
        .menu-box {
          position: relative;
          background: #fff;
          border-radius: 25px;
          padding: 18px;
          box-shadow: 0 15px 35px rgba(47, 93, 58, .18);
          transition: .3s;
          height: 100%;
        }

        .menu-box:hover {
          transform: translateY(-6px);
        }

        .menu-img {
          height: 190px;
          border-radius: 20px;
          overflow: hidden;
        }

        .menu-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .menu-price {
          position: absolute;
          top: 18px;
          right: 18px;
          background: #2f5d3a;
          color: #fff;
          padding: 6px 16px;
          border-radius: 20px;
        }

        .add-btn {
          background: linear-gradient(135deg, #2f5d3a, #6b8f71);
          border: none;
          color: #fff;
          border-radius: 25px;
          padding: 8px 22px;
          width: 100%;
        }

        /* ================= CART ================= */
        .cart-strip {
          position: fixed;
          bottom: 15px;
          left: 50%;
          transform: translateX(-50%);
          background: #1f3d2b;
          color: #fff;
          padding: 12px 30px;
          border-radius: 50px;
          z-index: 999;
        }

        /* ================= FOOTER ================= */
        .footer {
          background: #ffffff;
          padding: 60px 0 30px;
          border-top: 1px solid #e2e8e2;
        }

        .footer-title {
          font-weight: 700;
          color: #1f3d2b;
        }

        .footer-text {
          color: #555;
          font-size: 15px;
        }

        .footer-links a {
          display: block;
          color: #555;
          text-decoration: none;
        }

        .footer-links a:hover {
          color: #6aa84f;
        }

        .footer-bottom {
          text-align: center;
          margin-top: 40px;
          color: #777;
          font-size: 14px;
        }

        /* ================= MOBILE RESPONSIVE ================= */
        @media(max-width:768px) {
          .hero h1 {
            font-size: 28px;
          }

          .hero p {
            font-size: 14px;
          }

          .category-bar {
            margin-top: -20px;
            padding: 10px;
            gap: 8px;
          }

          .category-bar span {
            font-size: 14px;
            padding: 6px 14px;
          }

          .menu-img {
            height: 160px;
          }

          .auth-link {
            display: block;
            text-align: center;
            margin: 8px 0;
          }

          .footer {
            text-align: center;
          }

          .footer-links a {
            display: inline-block;
            margin: 6px 10px;
          }

          .cart-strip {
            font-size: 13px;
            padding: 10px 20px;
          }
        }

        .contact-title {
          font-weight: 800;
          color: #163021;
        }

        .title-line {
          width: 70px;
          height: 5px;
          background: linear-gradient(90deg, #1f3d2b, #6aa84f);
          margin: 12px auto 45px;
          border-radius: 6px;
        }

        /* ================= CARDS ================= */
        .contact-card {
          background: #fff;
          border-radius: 20px;
          padding: 22px;
          box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
          margin-bottom: 28px;
          position: relative;
        }

        .contact-card::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 4px;
          background: linear-gradient(90deg, #6aa84f, #1f3d2b);
        }

        .card-heading {
          font-weight: 700;
          color: #1f3d2b;
          margin-bottom: 16px;
          display: flex;
          align-items: center;
          gap: 8px;
        }

        /* ================= MAP ================= */
        .map-frame {
          width: 100%;
          height: 280px;
          border-radius: 16px;
          border: 2px solid #e1efe1;
        }

        /* ================= TABLE ================= */
        .delivery-table th {
          background: #1f3d2b;
          color: #fff;
        }

        .delivery-table td {
          background: #f7fbf7;
        }

        /* ================= FORM ================= */
        .form-control {
          border-radius: 12px;
          border: 1px solid #cfe3cf;
        }

        .form-control:focus {
          border-color: #6aa84f;
          box-shadow: 0 0 0 .2rem rgba(106, 168, 79, .25);
        }

        .submit-btn {
          background: linear-gradient(90deg, #1f3d2b, #6aa84f);
          color: #fff;
          border-radius: 14px;
          font-weight: 700;
        }

        .order-history-page {
          margin-top: 50px;
          margin-bottom: 50px;
          min-height: 50vh;
        }

        .section-border {
          border: #1f3d2b 2px solid;
          color: #1f3d2b;
        }

        .point {
          color: #6aa84f;
        }

        .card-bg {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .profile-page {
          background-color: #ffffff !important;
        }

        .profile-page #field-marketing .form-label,
        .profile-page #field-marketing .marketing-consent-text {
          color: #ffffff !important;
        }

        .update-section {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .update-btn {
          background-color: #ffffff;
          color: #1f3d2b;
          font-weight: 700;
        }

        .change-password-page {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .payment-checkout {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: white;
        }

        .payment-section {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: white;
        }

        /* ================= GALLERY SECTION ================= */
        .gallery-section {
          padding: 120px 0;
          /* background:linear-gradient(135deg,#7cc576 0%, #1f4d38 100%); */
          background-color: white;
        }

        /* Tabs */
        .gallery-nav {
          display: flex;
          gap: 35px;
          font-weight: 600;
          margin-bottom: 60px;
          flex-wrap: wrap;
        }

        .gallery-nav a {
          text-decoration: none;
          color: #1f4d38;
          position: relative;
          padding-bottom: 8px;
        }

        .gallery-nav a.active {
          color: #1f4d38;
        }

        .gallery-nav a.active::after {
          content: '';
          width: 100%;
          height: 4px;
          background: #1f4d38;
          position: absolute;
          bottom: 0;
          left: 0;
          border-radius: 10px;
        }

        /* Left Content */
        .gallery-info h2 {
          font-size: 50px;
          font-weight: 900;
          line-height: 1.1;
        }

        .gallery-info h2 span {
          color: #1f4d38;
        }

        .gallery-info p {
          margin-top: 25px;
          font-size: 17px;
          max-width: 360px;
        }

        /* Horizontal Gallery */
        .scroll-gallery {
          display: flex;
          gap: 35px;
          overflow-x: auto;
          padding-bottom: 15px;
          scroll-snap-type: x mandatory;
        }

        .scroll-item {
          min-width: 320px;
          height: 440px;
          border-radius: 35px;
          background: #ffffff;
          overflow: hidden;
          box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
          scroll-snap-align: start;
        }

        .scroll-item img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: .6s ease;
        }

        .scroll-item:hover img {
          transform: scale(1.12);
        }

        /* ================= MOBILE RESPONSIVE ================= */
        @media(max-width:768px) {
          .gallery-section {
            padding: 70px 0;
          }

          .gallery-nav {
            justify-content: center;
            gap: 20px;
            margin-bottom: 40px;
          }

          .gallery-info {
            text-align: center;
            margin-bottom: 40px;
          }

          .gallery-info h2 {
            font-size: 32px;
          }

          .gallery-info p {
            font-size: 14px;
            margin-left: auto;
            margin-right: auto;
          }

          .scroll-item {
            min-width: 240px;
            height: 320px;
            border-radius: 25px;
          }

          .nav-link {
            margin: 8px 0;
            text-align: center;
          }

          .auth-link {
            display: block;
            text-align: center;
            margin: 8px 0;
          }

          .footer {
            text-align: center;
          }

          .footer-links a {
            display: inline-block;
            margin: 6px 10px;
          }
        }

        /* Video Page CSS */
        /* ================= VIDEO SECTION ================= */
        .video-section {
          padding: 120px 0;
          /* background: linear-gradient(135deg, #7cc576 0%, #1f4d38 100%); */
          background-color: white;
        }

        /* NAV TABS */
        .gallery-nav {
          display: flex;
          gap: 35px;
          font-weight: 600;
          margin-bottom: 60px;
          flex-wrap: wrap;
        }

        .gallery-nav a {
          text-decoration: none;
          color: #1f4d38;
          position: relative;
          padding-bottom: 8px;
        }

        .gallery-nav a.active {
          color: #1f4d38;
        }

        .gallery-nav a.active::after {
          content: '';
          width: 100%;
          height: 4px;
          background: #1f4d38;
          position: absolute;
          bottom: 0;
          left: 0;
          border-radius: 10px;
        }

        /* Heading */
        .video-title {
          font-size: 48px;
          font-weight: 900;
        }

        .video-title span {
          color: #1f4d38;
        }

        .video-subtitle {
          color: rgba(255, 255, 255, .8);
          max-width: 520px;
          margin-top: 15px;
        }

        /* Video Card */
        .video-card {
          background: #ffffff;
          border-radius: 30px;
          padding: 18px;
          box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
        }

        /* Fixed Ratio */
        .video-wrapper {
          position: relative;
          width: 100%;
          aspect-ratio: 16/9;
          border-radius: 20px;
          overflow: hidden;
        }

        .video-wrapper video {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .product-detail-section {
          min-height: 60vh;
          margin-top: 40px;
        }

        .product-detail {
          background: #ffffff;
          border-radius: 24px;
          padding: 50px;
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        }

        /* IMAGE */
        .product-image-wrapper {
          background: #f4f8f5;
          border-radius: 20px;
          padding: 25px;
        }

        .product-image {
          max-height: 380px;
          object-fit: contain;
          transition: transform 0.4s ease;
        }

        .product-image:hover {
          transform: scale(1.05);
        }

        /* TEXT */
        .product-title {
          font-size: 2rem;
          font-weight: 700;
          color: #1f3d2b;
        }

        .product-description {
          color: #555;
          line-height: 1.7;
          margin-top: 12px;
        }

        .product-price {
          color: #1f3d2b;
          font-size: 1.6rem;
          font-weight: 700;
          margin-top: 15px;
        }

        /* BADGE */
        .product-badge {
          background: linear-gradient(90deg, #1f3d2b, #6aa84f);
          color: #fff;
          font-size: 13px;
          padding: 6px 14px;
          border-radius: 50px;
        }

        /* MOBILE */
        @media (max-width: 768px) {
          .product-detail {
            padding: 30px 20px;
          }

          .product-title {
            font-size: 1.6rem;
          }
        }

        /* ================= CATEGORY WRAPPER ================= */
        .category-wrapper {
          position: relative;
          background: #fff;
          padding: 12px 40px;
          border-radius: 18px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
          z-index: 50;
          overflow: visible;
        }

        /* ================= CATEGORY MENU ================= */
        .category-menu {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          flex-wrap: nowrap;
          gap: 6px;
          transition: 0.3s;
        }

        /* ================= CATEGORY ITEM ================= */
        .category-item {
          position: relative;
          flex: 0 0 auto;
        }

        /* ================= CATEGORY LINK ================= */
        .category-menu a {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 8px 12px;
          text-decoration: none;
          color: #444;
          border-radius: 10px;
          font-size: 13px;
          font-weight: 500;
          transition: all .3s ease;
          white-space: nowrap;
        }

        /* ================= HOVER ================= */
        .category-menu a:hover {
          background: #2f5d3a;
          color: #fff;
          transform: translateY(-2px);
        }

        /* ================= ACTIVE CATEGORY ================= */
        .active-category>a {
          background: linear-gradient(135deg, #2f5d3a, #1f3d2b);
          color: #fff !important;
          box-shadow: 0 5px 15px rgba(47, 93, 58, 0.3);
          transform: scale(1.03);
          font-weight: 600;
        }

        /* ================= SUBMENU (DESKTOP) ================= */
        @media(min-width:993px) {
          .submenu {
            display: none;
            position: absolute;
            left: 0;
            top: 110%;
            background: #fff;
            min-width: 200px;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
            z-index: 999;
          }

          .category-item:hover>.submenu {
            display: block;
          }
        }

        /* ================= MOBILE SIDEBAR ================= */
        @media(max-width:992px) {
          .category-sidebar {
            position: fixed;
            top: 0;
            left: -280px;
            width: 260px;
            height: 100vh;
            overflow-y: auto;
            transition: .3s;
            z-index: 9999;
          }

          .category-sidebar.active {
            left: 0;
          }

          .submenu {
            display: none;
            padding-left: 15px;
          }

          .submenu.active {
            display: block;
          }
        }

        /* ================= ARROW BUTTONS ================= */
        .cat-arrow {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 34px;
          height: 34px;
          border-radius: 50%;
          border: none;
          background: #fff;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 10;
          transition: .3s;
        }

        .cat-arrow:hover {
          background: #2f5d3a;
          color: #fff;
        }

        /* ================= ARROW POSITION ================= */
        .cat-arrow.left {
          left: 5px;
        }

        .cat-arrow.right {
          right: 5px;
        }

        /* Checkout styles migrated from public\custom-css\grand.css */
        @media (max-width:992px) {
          .member_body {
            padding: 9rem 0 6rem 0;
            background-color: #ffffff;
            color: white;
            height: auto !important;
          }

          .member_body_child_left input {
            width: 100% !important;
            height: 3rem !important;
          }

          .member_body_child_right input {
            width: 100% !important;
            height: 3rem !important;
          }

          .member_body_child_left label {
            font-size: 20px !important;
            width: 100% !important;
          }

          .member_body_child_right label {
            font-size: 20px !important;
          }
        }

        .member_body {
          padding: 9rem 0 4rem 0;
          background-color: #ffffff;
          color: white;
          min-height: 100vh;
        }

        .member_body_child_left {
          background-color: #1f3d2b;
        }

        .member_body_child_left h1 {
          color: white;
          font-size: 28px;
        }

        .member_body_child_right h2 {
          color: white;
          font-size: 28px;
        }

        .member_body_child_left>label {
          font-size: 18px;
        }

        .member_body_child_left input {
          width: 12rem;
          height: 2rem;
        }

        .member_body_child_right_child1 {
          background-color: #1f3d2b;
        }

        .resister_btn {
          height: 3rem !important;
          background-color: white;
          display: inline-block !important;
          color: #1f3d2b;
          font-size: 17px;
          border: none !important;
        }

        .member_body_child_right_child1 label {
          font-size: 18px;
        }

        .member_body_child_right_child1 input {
          width: 12rem;
          height: 2rem;
        }

        .resister_btn2_bg {
          background-color: transparent !important;
          color: white !important;
          border: 1px solid white !important;
        }

        .btn_sign_up {
          width: 6rem;
          height: 2rem;
          border: 1px solid white !important;
          border: none;
          background-color: transparent !important;
          color: white;
        }

        .custom-input {
          padding: 10px 15px;
        }

        .member_body label,
        .member_body .member_body_child_left label,
        .member_body .member_body_child_right label,
        .member_body .member_body_child_left .form-label,
        .member_body .member_body_child_right .form-label,
        .member_body .consent_box label,
        .member_body .consent_box span,
        .member_body .consent-text {
          color: #fff !important;
        }

        .member_body .member_body_child_left,
        .member_body .member_body_child_right,
        .member_body .member_body_child_right_child1,
        .member_body .member_body_child_left h1,
        .member_body .member_body_child_right h2,
        .member_body .member_body_child_left label,
        .member_body .member_body_child_right label,
        .member_body .member_body_child_left span,
        .member_body .member_body_child_right span,
        .member_body .consent-text {
          color: #fff !important;
        }

        .consent_box {
          gap: 0.65rem;
          align-items: flex-start;
        }

        .consent_box input[type="checkbox"] {
          width: 20px !important;
          height: 20px !important;
          min-width: 20px !important;
          min-height: 20px !important;
          margin-top: 0.2rem;
          flex-shrink: 0;
          appearance: auto !important;
          -webkit-appearance: checkbox !important;
        }

        .member_body {
          margin: 0 !important;
          padding-top: 0 !important;
        }

        .theme-footer-bottom {
          --theme-footer-text: #1c1c1c;
          --theme-footer-muted: #444444;
          --theme-footer-link: #1c1c1c;
          --theme-footer-divider: rgba(0, 0, 0, 0.14);
          --theme-footer-social-border: rgba(0, 0, 0, 0.14);
          --theme-footer-social-bg: rgba(0, 0, 0, 0.03);
          --theme-footer-social-color: #1c1c1c;
          --theme-footer-social-hover-bg: #28a745;
          --theme-footer-social-hover-color: #ffffff;
          --theme-footer-payment-height: 34px;
          --theme-footer-certification-height: 48px;
          --theme-footer-powered-height: 56px;
        }

        .theme-footer-bottom {
          margin: 0 !important; padding-top: 1.5rem; display: flow-root;
          color: var(--theme-footer-text);
        }

        .theme-footer-divider {
          border-color: var(--theme-footer-divider);
          opacity: 1;
          margin: 0 0 1.25rem;
        }

        .theme-footer-flags {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
          margin: 0 auto 1.25rem;
          max-width: min(90vw, 760px);
        }

        .theme-footer-flags img {
          width: clamp(26px, 6vw, 32px);
          height: auto;
          cursor: pointer;
          border-radius: 4px;
          transition: transform 0.3s ease;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        }

        .theme-footer-flags img:hover {
          transform: scale(1.12);
        }

        .theme-footer-copy-wrap {
          display: flex;
          flex-direction: column;
          gap: 1rem;
        }

        .theme-footer-copy h6 {
          margin: 0;
          color: var(--theme-footer-text);
          font-weight: 700;
        }

        .theme-footer-copy p {
          margin: 0;
          color: var(--theme-footer-muted);
        }

        .theme-footer-copy a {
          color: var(--theme-footer-link);
          font-weight: 600;
          text-decoration: none;
        }

        .theme-footer-copy a:hover {
          text-decoration: underline;
        }

        .theme-footer-social {
          display: flex;
          align-items: center;
          gap: 0.75rem;
          flex-wrap: wrap;
        }

        .theme-footer-social a {
          width: 40px;
          height: 40px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          border: 1px solid var(--theme-footer-social-border);
          background: var(--theme-footer-social-bg);
          color: var(--theme-footer-social-color);
          text-decoration: none;
          transition: all 0.25s ease;
        }

        .theme-footer-social a:hover {
          background: var(--theme-footer-social-hover-bg);
          color: var(--theme-footer-social-hover-color);
          border-color: var(--theme-footer-social-hover-bg);
        }

        .theme-footer-payment {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.85rem;
          flex-wrap: wrap;
        }

        .theme-footer-payment-item {
          height: var(--theme-footer-payment-height);
          width: auto;
          object-fit: contain;
        }

        .theme-footer-payment-item--certification {
          height: var(--theme-footer-certification-height);
        }

        .theme-footer-powered {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 0.35rem;
        }

        .theme-footer-powered-label {
          color: var(--theme-footer-muted);
          font-size: 0.95rem;
          font-weight: 700;
        }

        .theme-footer-powered-logo {
          height: var(--theme-footer-powered-height);
          width: auto;
          object-fit: contain;
        }

        @media (min-width: 992px) {
          .theme-footer-copy-wrap {
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
          }

          .theme-footer-powered {
            align-items: flex-end;
          }
        }

        @media (max-width: 767px) {
          .theme-footer-flags {
            gap: 8px;
            justify-content: flex-start;
          }

          .theme-footer-payment-item {
            height: calc(var(--theme-footer-payment-height) - 4px);
          }

          .theme-footer-payment-item--certification {
            height: calc(var(--theme-footer-certification-height) - 6px);
          }

          .theme-footer-powered-logo {
            height: calc(var(--theme-footer-powered-height) - 10px);
          }
        }

        .checkout-sidebar {
          --checkout-sidebar-login-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --checkout-sidebar-login-color: #ffffff;
          --checkout-sidebar-delivery-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --checkout-sidebar-delivery-color: #ffffff;
          --checkout-sidebar-security-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --checkout-sidebar-security-color: #ffffff;
          --checkout-sidebar-button-bg: #ffffff;
          --checkout-sidebar-button-color: #0f5132;
          --checkout-sidebar-input-bg: #ffffff;
          --checkout-sidebar-input-color: #1f1f1f;
        }

        .checkout-sidebar__card {
          padding: 1.25rem;
          border-radius: 0.75rem;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
        }

        .checkout-sidebar__card--login {
          background: var(--checkout-sidebar-login-bg);
          color: var(--checkout-sidebar-login-color);
          border-radius: 2px !important;
        }

        .checkout-sidebar__card--delivery {
          background: var(--checkout-sidebar-delivery-bg);
          color: var(--checkout-sidebar-delivery-color);
          border-radius: 2px !important;
        }

        .checkout-sidebar__card--security {
          background: var(--checkout-sidebar-security-bg);
          color: var(--checkout-sidebar-security-color);
          border-radius: 2px !important;
        }

        .custom-tooltip-wrapper {
          position: relative;
          display: inline-flex;
          align-items: center;
          flex-shrink: 0;
        }

        .custom-tooltip-wrapper .fa-question-circle {
          cursor: pointer;
        }

        .custom-tooltip-box {
          position: absolute;
          left: 50%;
          bottom: calc(100% + 10px);
          transform: translateX(-50%);
          width: min(280px, calc(100vw - 40px));
          padding: 12px 14px;
          background: #ffffff;
          color: #1f1f1f;
          border-radius: 10px;
          box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
          border: 1px solid rgba(15, 81, 50, .25);
          text-transform: none;
          line-height: 1.5;
          z-index: 50;
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
        }

        .custom-tooltip-wrapper:hover .custom-tooltip-box,
        .custom-tooltip-wrapper:focus-within .custom-tooltip-box {
          opacity: 1;
          visibility: visible;
          transform: translateX(-50%) translateY(-2px);
        }

        .tooltip-header {
          font-weight: 700;
          color: #0f5132;
          margin-bottom: 4px;
        }

        .tooltip-body {
          font-size: 13px;
          color: #333333;
        }

        .tooltip-arrow {
          position: absolute;
          left: 50%;
          top: 100%;
          transform: translateX(-50%);
          width: 12px;
          height: 12px;
          background: #ffffff;
          border-right: 1px solid rgba(15, 81, 50, .25);
          border-bottom: 1px solid rgba(15, 81, 50, .25);
          rotate: 45deg;
        }

        .checkout-sidebar__title,
        .checkout-sidebar__label,
        .checkout-sidebar__security-text,
        .checkout-sidebar__forgot,
        .checkout-sidebar__error {
          color: inherit;
        }

        .checkout-sidebar__input {
          background: var(--checkout-sidebar-input-bg);
          color: var(--checkout-sidebar-input-color);
          border: 1px solid rgba(0, 0, 0, 0.15);
          padding: 0.25rem;
          text-transform: none;
        }

        .checkout-sidebar__button {
          width: 100%;
          border: 0;
          padding: 0.25rem 1rem;
          background: var(--checkout-sidebar-button-bg);
          color: var(--checkout-sidebar-button-color);
          font-weight: 700;
          text-transform: uppercase;
        }

        .checkout-sidebar__security-text {
          text-transform: none;
          margin-bottom: 0;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel--allergy {
          background-color: #000;
          padding: 3rem 1rem !important;
          text-align: center;
          margin-bottom: 1.5rem;
          border-radius: 10px !important;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel--loyalty {
          background-color: #2bbb84;
          padding: 3rem 1rem !important;
          text-align: center;
          margin-bottom: 1.5rem;
          border-radius: 10px !important;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel-title {
          color: #fff;
          text-transform: uppercase;
          font-size: 32px;
        }

        .catalog-sidebar--grand .catalog-sidebar__panel-copy {
          color: #fff;
        }

        .catalog-sidebar--grand .catalog-sidebar__button {
          padding: 8px 1rem;
          background-color: #fff;
          color: #000;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 17px;
          font-weight: 700;
        }

        .catalog-sidebar--grand .catalog-sidebar__member-link {
          background: transparent !important;
          color: #000 !important;
          text-decoration: underline;
        }

        /* Checkout Page CSS */
        .checkout-hidden {
          display: none;
        }

        .bogof-backdrop {
          backdrop-filter: blur(3px);
          z-index: 1055;
        }

        .bogof-modal {
          border-radius: 18px;
          overflow: hidden;
          animation: scaleFade .35s ease;
        }

        .bogof-header,
        .bogof-btn {
          background: linear-gradient(135deg, #ff6a00, #ff9500);
          color: #fff;
          border: none;
        }

        .bogof-text {
          font-size: 16px;
          color: #444;
          line-height: 1.6;
          padding: 10px 15px;
        }

        .bogof-btn {
          padding: 10px 30px;
          border-radius: 30px;
          font-weight: 600;
          transition: all .3s ease;
        }

        .bogof-btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 20px rgba(255, 106, 0, .4);
        }

        @keyframes scaleFade {
          from {
            transform: scale(.9);
            opacity: 0;
          }

          to {
            transform: scale(1);
            opacity: 1;
          }
        }

        .flash-blink {
          background-color: #ffcc00;
          color: #000;
          padding: 12px 24px;
          border-radius: 6px;
          font-weight: 700;
          animation: flash-bg 1s linear infinite;
        }

        @keyframes flash-bg {

          0%,
          100% {
            background-color: #94a4d7;
          }

          50% {
            background-color: #ffe680;
          }
        }

        .checkout-payment-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-payment-options {
          background: transparent !important;
          color: inherit;
        }

        .checkout-coupon-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-loyalty-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-comment-shell {
          background: linear-gradient(135deg, #0f5132, #2ecc71);
          color: #fff;
        }

        .checkout-loyalty-copy,
        .checkout-comment-copy {
          text-transform: none;
        }

        .checkout-loyalty-caption {
          font-size: 12px;
        }

        .checkout-comment-textarea {
          height: 70px;
          resize: none;
          font-size: 14px;
        }

        .checkout-contact-save-btn {
          background-color: #fff;
          color: #000;
        }

        .checkout-wallet-box {
          background-color: #fff3cd;
          border: 2px solid #ffc107;
          color: #212529;
        }

        .checkout-ladder-offer {
          font-size: .9rem;
        }

        .checkout-ladder-offer__text {
          line-height: 1.2;
        }

        .checkout-ladder-offer__icon {
          font-size: 1.2rem;
          color: #007bff;
        }

        .checkout-payment-card {
          cursor: pointer;
          background-color: #f8f9fa;
          color: #000;
          border: 2px solid #ced4da;
        }

        .checkout-payment-card--active {
          background-color: #28a745;
          color: #fff;
          border-color: #28a745;
        }

        .checkout-payment-card__image {
          width: 100px;
          height: 70px;
        }

        .checkout-place-order-btn {
          background-color: #fff;
        }

        .checkout-place-order-btn__label {
          font-size: 1rem;
        }

        .checkout-terms-input {
          width: 16px;
          height: 16px;
        }

        .checkout-form-alert {
          font-size: 1.1rem;
        }

        .checkout-coupon-btn--light {
          background: #fff;
          color: #000;
        }

        /* Checkout Apply Coupon CSS */
        .checkout-coupon-btn,
        .checkout-coupon-btn-apply,
        .checkout-coupon-btn-remove {
          min-height: 48px;
          border-radius: 14px;
          font-weight: 800;
          transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
        }

        .checkout-coupon-btn:hover,
        .checkout-coupon-btn-apply:hover,
        .checkout-coupon-btn-remove:hover {
          transform: translateY(-1px);
        }

        .checkout-coupon-btn-apply {
          background: #0f5132;
          border: 1px solid #0f5132;
          color: #ffffff;
        }

        .checkout-coupon-btn-remove {
          background: transparent;
          border: 1px solid #0f5132;
          color: #0f5132;
        }

        .checkout-apply-coupon--grand .checkout-apply-coupon__panel {
          background: linear-gradient(135deg, #0f5132 0%, #2ecc71 100%) !important;
          color: #ffffff !important;
          border: 1px solid rgba(255, 255, 255, 0.18) !important;
          border-radius: 24px !important;
          box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18) !important;
        }

        .checkout-apply-coupon--grand .checkout-apply-coupon__title {
          color: #ffffff !important;
        }

        .checkout-apply-coupon--grand .checkout-apply-coupon__input {
          background: rgba(255, 255, 255, 0.98) !important;
          color: #151515 !important;
          border: 1px solid rgba(255, 255, 255, 0.34) !important;
          border-radius: 14px !important;
        }

        .checkout-apply-coupon--grand .checkout-coupon-btn-apply {
          background: #ffffff !important;
          color: #0f5132 !important;
          border-color: #ffffff !important;
        }

        .checkout-apply-coupon--grand .checkout-coupon-btn-remove {
          background: transparent !important;
          color: #ffffff !important;
          border-color: rgba(255, 255, 255, 0.82) !important;
        }

        .checkout-coupon-card__shine {
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at top left, #ffffff22, transparent);
          pointer-events: none;
        }

        .checkout-coupon-card--0 {
          background: linear-gradient(135deg, #E84E4F 0%, #00000033 100%);
        }

        .checkout-coupon-card--1 {
          background: linear-gradient(135deg, #007BFF 0%, #00000033 100%);
        }

        .checkout-coupon-card--2 {
          background: linear-gradient(135deg, #28A745 0%, #00000033 100%);
        }

        .checkout-coupon-card--3 {
          background: linear-gradient(135deg, #FF9800 0%, #00000033 100%);
        }

        .checkout-coupon-card__pill {
          font-size: 1.1rem;
          min-width: 130px;
          text-align: center;
        }

        .checkout-coupon-card__pill--code {
          letter-spacing: 1px;
        }

        .checkout-coupon-card__meta {
          opacity: .9;
        }

        .checkout-coupon-card__terms {
          opacity: .9;
          font-size: .9rem;
        }

        .checkout-loyalty-login-link {
          background: #ffffff;
          background-color: #ffffff;
          color: #111111;
          text-decoration: none;
        }

        /* Checkout UI consistency fixes */
        .note-box,
        .checkout-note-box,
        .sims-checkout-note-box {
          background: #ffffff;
          border: 1px solid #e5e5e5;
          border-radius: 6px;
          overflow: hidden;
        }

        .note-header,
        .checkout-note-box__header,
        .sims-checkout-note-box__header {
          display: flex;
          align-items: center;
          padding: 10px 15px;
          font-size: 15px;
          font-weight: 600;
          color: #ffffff;
          background: linear-gradient(135deg, #0f5132, #2ecc71);
        }

        .note-body {
          padding: 14px;
          background: #ffffff;
        }

        .note-textarea,
        .checkout-note-box textarea,
        .sims-checkout-note-box textarea {
          min-height: 110px;
          background: #ffffff !important;
          color: #1f1f1f !important;
          border: 1px solid #d7d7d7 !important;
          box-shadow: none !important;
        }

        .note-help,
        .checkout-note-help,
        .checkout-note-help.text-white {
          display: block;
          margin-top: 8px;
          font-size: 12px;
          line-height: 1.6;
          text-transform: none;
          color: #666666 !important;
        }

        .checkout-place-order-btn,
        .checkout-back-link,
        .checkout-loyalty-login-link,
        .sims-checkout-back-link,
        .sims-loyalty-login-link {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-height: 46px;
          padding: 0.75rem 1rem;
          border: none;
          border-radius: 0;
          font-weight: 700;
          line-height: 1.2;
          text-align: center;
          text-decoration: none !important;
        }

        .checkout-place-order-btn,
        .checkout-back-link,
        .checkout-back-link--dark,
        .checkout-back-link--lavender,
        .sims-checkout-back-link {
          background: #ffffff !important;
        }

        .checkout-back-link,
        .checkout-back-link--dark,
        .sims-checkout-back-link {
          color: #111111 !important;
        }

        .checkout-terms-input,
        input#acceptTerms.form-check-input,
        .form-check input[type="checkbox"]#acceptTerms {
          width: 18px !important;
          height: 18px !important;
          min-width: 18px !important;
          min-height: 18px !important;
          margin-top: 0.2rem !important;
          border: 1px solid #9b9b9b !important;
          background: #ffffff !important;
          appearance: auto !important;
          -webkit-appearance: checkbox !important;
          accent-color: #111111;
        }

        input#acceptTerms+.form-check-label,
        .checkout-terms-input+.form-check-label {
          margin: 0;
          line-height: 1.5;
        }

        /* Theme checkout restore */
        .checkout-place-order-btn,
        .checkout-place-order-btn:hover,
        .checkout-place-order-btn:focus,
        .checkout-place-order-btn:active,
        .checkout-back-link,
        .checkout-back-link:hover,
        .checkout-back-link:focus,
        .checkout-back-link:active,
        .checkout-back-link--dark,
        .checkout-back-link--dark:hover,
        .checkout-back-link--dark:focus,
        .checkout-back-link--dark:active,
        .checkout-back-link--lavender,
        .checkout-back-link--lavender:hover,
        .checkout-back-link--lavender:focus,
        .checkout-back-link--lavender:active {
          background: #2ecc71 !important;
          color: #ffffff !important;
          border-color: #2ecc71 !important;
          box-shadow: none !important;
          text-decoration: none !important;
        }

        .checkout-place-order-btn,
        .checkout-place-order-btn:hover,
        .checkout-place-order-btn:focus,
        .checkout-place-order-btn:active {
          background: #ffffff !important;
          background-color: #ffffff !important;
          color: #111111 !important;
          border-color: #ffffff !important;
        }

        button.checkout-place-order-btn,
        button.checkout-place-order-btn:hover,
        button.checkout-place-order-btn:focus,
        button.checkout-place-order-btn:active,
        .btn.checkout-place-order-btn,
        .btn.checkout-place-order-btn:hover,
        .btn.checkout-place-order-btn:focus,
        .btn.checkout-place-order-btn:active,
        .place-order.checkout-place-order-btn,
        .place-order.checkout-place-order-btn:hover,
        .place-order.checkout-place-order-btn:focus,
        .place-order.checkout-place-order-btn:active {
          background: #ffffff !important;
          background-color: #ffffff !important;
          color: #111111 !important;
          border: 1px solid #ffffff !important;
        }

        .checkout-place-order-btn,
        .checkout-place-order-btn *,
        .checkout-place-order-btn__label,
        .checkout-place-order-btn__label:hover,
        .checkout-place-order-btn__label:focus {
          color: #111111 !important;
          fill: #111111 !important;
        }

        .checkout-loyalty-login-link,
        .checkout-loyalty-login-link:hover,
        .checkout-loyalty-login-link:focus,
        .checkout-loyalty-login-link:active {
          background: #ffffff !important;
          background-color: #ffffff !important;
          color: #111111 !important;
          border-color: #ffffff !important;
          box-shadow: none !important;
          transform: none !important;
          text-decoration: none !important;
        }

        .checkout-note-box,
        .note-box.checkout-note-box {
          border-left: 6px solid #2ecc71 !important;
        }

        .checkout-note-box__header,
        .note-header.checkout-note-box__header {
          background: linear-gradient(135deg, #2ecc71, #229a56) !important;
          color: #ffffff !important;
        }

        /* Grand theme checkout wrapper and green gradient styling */
        /* .grand-checkout {  border-radius: 0.5rem;  overflow: hidden;  background: transparent;  padding: 1rem;} */
        .grand-checkout .checkout-root {
          position: relative;
          background: linear-gradient(135deg, #0f5132 0%, #27a35b 100%) !important;
          color: #ffffff;
          border-radius: 0.5rem !important;
          padding: 1.25rem !important;
          box-shadow: 0 1.2rem 2.5rem rgba(0, 0, 0, 0.1) !important;
        }

        .grand-checkout .checkout-root::before {
          content: "";
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 24%), radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.12), transparent 30%);
          pointer-events: none;
          border-radius: inherit;
        }

        .grand-checkout .checkout-root .container {
          position: relative;
          z-index: 1;
        }

        .grand-checkout .checkout-root .checkout-payment-section {
          background: rgba(255, 255, 255, 0.12);
          color: #ffffff;
          border-radius: 0.5rem;
          border: 1px solid rgba(255, 255, 255, 0.18);
          box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
          padding: 1.75rem;
        }

        /* Inputs and labels: align with Kutting Chai look */
        .grand-checkout .checkout-root .checkout-contact-title {
          font-size: 1.125rem;
          font-weight: 700;
          margin-bottom: 0.75rem;
          color: #ffffff;
        }

        .grand-checkout .checkout-root .checkout-contact-label,
        .grand-checkout .checkout-root label,
        .grand-checkout .checkout-root .form-label {
          color: #ffffff;
          font-weight: 600;
          display: block;
          margin-bottom: 0.35rem;
        }

        .grand-checkout .checkout-root .checkout-input,
        .grand-checkout .checkout-root .form-control {
          background: #ffffff !important;
          color: #111111 !important;
          border: 1px solid rgba(0, 0, 0, 0.08) !important;
          padding: 0.5rem 0.75rem !important;
          border-radius: 0 !important;
          box-shadow: none !important;
        }

        .grand-checkout .checkout-root .checkout-input::placeholder {
          color: rgba(0, 0, 0, 0.45) !important;
        }

        .grand-checkout .checkout-root .checkout-contact-row .col-md-6 {
          padding-left: 0.25rem;
          padding-right: 0.25rem;
        }

        .grand-checkout .checkout-root .checkout-payment-section .checkout-payment-title,
        .grand-checkout .checkout-root .checkout-contact-title,
        .grand-checkout .checkout-root label,
        .grand-checkout .checkout-root .form-label,
        .grand-checkout .checkout-root .checkout-note-help,
        .grand-checkout .checkout-root .checkout-sidebar__title,
        .grand-checkout .checkout-root .checkout-sidebar__label,
        .grand-checkout .checkout-root .checkout-sidebar__security-text,
        .grand-checkout .checkout-root .checkout-sidebar__forgot,
        .grand-checkout .checkout-root .checkout-sidebar__error {
          color: #ffffff !important;
        }

        .grand-checkout .checkout-root .checkout-note-box {
          background: rgba(255, 255, 255, 0.14);
          border-left: 6px solid rgba(255, 255, 255, 0.45) !important;
        }

        .grand-checkout .checkout-root .checkout-note-box__header {
          background: rgba(255, 255, 255, 0.18) !important;
          color: #ffffff !important;
        }

        .grand-checkout .checkout-root .checkout-payment-card {
          background-color: rgba(255, 255, 255, 0.18);
        }

        .grand-checkout .checkout-root input,
        .grand-checkout .checkout-root textarea,
        .grand-checkout .checkout-root select {
          color: #111111 !important;
        }

        .grand-checkout .checkout-root ::placeholder {
          color: rgba(0, 0, 0, 0.55) !important;
        }

        .grand-checkout .checkout-root .delivery-slot-selector {
          color: #111111;
        }

        .grand-checkout .checkout-root .delivery-slot-selector__label,
        .grand-checkout .checkout-root .delivery-slot-selector__pagination-label {
          color: #ffffff !important;
        }

        .grand-checkout .checkout-root .delivery-slot-selector__table {
          background: #ffffff;
          color: #111111;
        }

        .grand-checkout .checkout-root .delivery-slot-selector__table thead th {
          background: #0f5132;
          color: #ffffff !important;
          border-color: rgba(15, 81, 50, 0.18);
        }

        .grand-checkout .checkout-root .delivery-slot-selector__table tbody td {
          background: #ffffff;
          color: #111111 !important;
          vertical-align: middle;
        }

        .grand-checkout .checkout-root .delivery-slot-selector__slots .btn-outline-primary {
          background: #ffffff !important;
          border-color: #2f5d3a !important;
          color: #0f5132 !important;
        }

        .grand-checkout .checkout-root .delivery-slot-selector__slots .btn-outline-primary:hover,
        .grand-checkout .checkout-root .delivery-slot-selector__slots .btn-outline-primary:focus,
        .grand-checkout .checkout-root .delivery-slot-selector__slots .btn-outline-primary:active {
          background: #2f5d3a !important;
          border-color: #2f5d3a !important;
          color: #ffffff !important;
        }

        .grand-checkout .checkout-root .delivery-slot-selector__empty {
          color: #111111;
        }

        .grand-checkout .checkout-root .delivery-slot-selector .page-link {
          color: #0f5132;
        }

        .grand-checkout .checkout-root .delivery-slot-selector .page-item.active .page-link {
          background: #0f5132;
          border-color: #0f5132;
          color: #ffffff;
        }

        /* gift voucher css */
        .gift-voucher-box {
          --gv-bg: linear-gradient(135deg, #0f5132, #2ecc71);
          --gv-color: #ffffff;
          --gv-border: rgba(46, 204, 113, .28);
          --gv-radius: 10px;
          --gv-input-bg: #ffffff;
          --gv-input-color: #111111;
          --gv-input-border: rgba(0, 0, 0, .12);
          --gv-btn-bg: #ffffff;
          --gv-btn-color: #111111;
          --gv-btn-border: #ffffff;
          --gv-btn-hover: #f4f4f4;
          --gv-status-bg: rgba(255, 255, 255, .16);
          --gv-status-border: rgba(255, 255, 255, .28);
          width: 100%;
          background: var(--gv-bg);
          color: var(--gv-color);
          border: 1px solid var(--gv-border);
          border-radius: var(--gv-radius);
          box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .12);
        }

        .gift-voucher-box__body {
          padding: 1.5rem;
        }

        .gift-voucher-box__title {
          margin: 0 0 1rem;
          text-align: center;
          font-size: 1.75rem;
          font-weight: 700;
          color: inherit;
        }

        .gift-voucher-box__form {
          display: flex;
          flex-direction: column;
          gap: .75rem;
        }

        .gift-voucher-box__input,
        .gift-voucher-box__button {
          min-height: 46px;
          border-radius: 0 !important;
        }

        .gift-voucher-box__input {
          background: var(--gv-input-bg) !important;
          color: var(--gv-input-color) !important;
          border: 1px solid var(--gv-input-border) !important;
          box-shadow: none !important;
          padding: .75rem 1rem;
          text-transform: none;
        }

        .gift-voucher-box__input::placeholder {
          color: rgba(31, 31, 31, .7);
        }

        .gift-voucher-box__input:focus {
          border-color: var(--gv-btn-border) !important;
          box-shadow: none !important;
        }

        .gift-voucher-box__status {
          display: flex;
          flex-direction: column;
          gap: .35rem;
          margin-bottom: .75rem;
          padding: .875rem 1rem;
          background: var(--gv-status-bg);
          border: 1px solid var(--gv-status-border);
          border-radius: var(--gv-radius);
        }

        .gift-voucher-box__status-label,
        .gift-voucher-box__meta {
          display: block;
          color: inherit;
          text-transform: none;
        }

        .gift-voucher-box__status-label {
          font-weight: 700;
        }

        .gift-voucher-box__meta {
          font-size: .92rem;
        }

        .gift-voucher-box__button {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          padding: .75rem 1rem;
          background: var(--gv-btn-bg) !important;
          color: var(--gv-btn-color) !important;
          border: 1px solid var(--gv-btn-border) !important;
          text-transform: none;
          transition: background-color .2s ease, color .2s ease, border-color .2s ease;
        }

        .gift-voucher-box__button:hover,
        .gift-voucher-box__button:focus {
          background: var(--gv-btn-hover) !important;
          color: var(--gv-btn-color) !important;
          border-color: var(--gv-btn-hover) !important;
          box-shadow: none !important;
        }

        .gift-voucher-box__button:disabled {
          opacity: .65;
          cursor: not-allowed;
        }

        /* End migrated checkout styles for grand */
        /* Grand full cart styling */
        .full-cart-shell--grand {
          position: relative;
          overflow: hidden;
          background: linear-gradient(135deg, #0f5132 0%, #27a35b 100%) !important;
          color: #ffffff !important;
          border: 1px solid rgba(255, 255, 255, 0.18) !important;
          border-radius: 0.5rem !important;
          box-shadow: 0 1.2rem 2.5rem rgba(0, 0, 0, 0.12) !important;
        }

        .full-cart-shell--grand::before {
          content: "";
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.16), transparent 24%), radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.1), transparent 30%);
          pointer-events: none;
        }

        .full-cart-shell--grand>* {
          position: relative;
          z-index: 1;
        }

        .full-cart-shell--grand .full-cart__title,
        .full-cart-shell--grand .full-cart__summary-label,
        .full-cart-shell--grand .full-cart__summary-value,
        .full-cart-shell--grand .dish_list_content p,
        .full-cart-shell--grand .dish_list_content li,
        .full-cart-shell--grand .dish_list_content span,
        .full-cart-shell--grand .dish_list_content a,
        .full-cart-shell--grand .custom-tooltip-wrapper,
        .full-cart-shell--grand .custom-tooltip-wrapper .fa-question-circle,
        .full-cart-shell--grand .checkout-trash-icon {
          color: #ffffff !important;
        }

        .full-cart-shell--grand .row.border-bottom {
          border-color: rgba(255, 255, 255, 0.16) !important;
        }

        .full-cart-shell--grand .checkout-back-link,
        .full-cart-shell--grand .full-cart__back-link,
        .full-cart-shell--grand .checkout-back-link:hover,
        .full-cart-shell--grand .full-cart__back-link:hover,
        .full-cart-shell--grand .checkout-back-link:focus,
        .full-cart-shell--grand .full-cart__back-link:focus,
        .full-cart-shell--grand .checkout-back-link:active,
        .full-cart-shell--grand .full-cart__back-link:active {
          background: #ffffff !important;
          color: #111111 !important;
          border: 1px solid #ffffff !important;
          box-shadow: none !important;
          text-decoration: none !important;
        }

        .full-cart-shell--grand .checkout-back-link *,
        .full-cart-shell--grand .full-cart__back-link * {
          color: #111111 !important;
        }

        .full-cart-shell--grand .checkout-back-link:hover,
        .full-cart-shell--grand .full-cart__back-link:hover,
        .full-cart-shell--grand .checkout-back-link:focus,
        .full-cart-shell--grand .full-cart__back-link:focus {
          background: #f7f7f7 !important;
          color: #111111 !important;
        }

        body.theme-grand .cart-component-shell--grand {
          background: linear-gradient(180deg, rgba(15, 81, 50, 0.98), rgba(39, 163, 91, 0.98)) !important;
          border: 1px solid rgba(255, 255, 255, 0.16) !important;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 45px rgba(15, 81, 50, 0.14) !important;
          color: #ffffff !important;
          overflow: hidden;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__heading,
        body.theme-grand .cart-component-shell--grand .cart-component__item-title,
        body.theme-grand .cart-component-shell--grand .cart-component__meta,
        body.theme-grand .cart-component-shell--grand .cart-component__summary,
        body.theme-grand .cart-component-shell--grand .cart-component__empty,
        body.theme-grand .cart-component-shell--grand .cart-component__qty,
        body.theme-grand .cart-component-shell--grand .cart-component__toppings,
        body.theme-grand .cart-component-shell--grand .cart-component__action,
        body.theme-grand .cart-component-shell--grand .cart-component__trash-icon {
          color: #ffffff !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__heading {
          font-size: 1.55rem !important;
          font-weight: 800 !important;
          letter-spacing: 0.04em;
          text-transform: uppercase;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__item {
          border-bottom-color: rgba(255, 255, 255, 0.18) !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__meta,
        body.theme-grand .cart-component-shell--grand .cart-component__toppings {
          color: rgba(255, 255, 255, 0.84) !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button {
          border-radius: 14px !important;
          font-weight: 700 !important;
          box-shadow: 0 14px 24px rgba(0, 0, 0, 0.12);
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button--checkout {
          background: #ffffff !important;
          color: #0f5132 !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button--clear {
          background: rgba(255, 255, 255, 0.16) !important;
          color: #ffffff !important;
        }

        body.theme-grand .cart-component-shell--grand .cart-component__button--checkout .cart-component__spinner,
        body.theme-grand .cart-component-shell--grand .cart-component__button--clear .cart-component__spinner {
          color: currentColor !important;
        }

        /* Preorder Checkout / Show Time Dropdown CSS */
        .show-time-dropdown--grand {
          --st-primary: #8d5a18;
          --st-primary-hover: #6f4210;
          --st-primary-soft: rgba(141, 90, 24, .14);
          --st-surface: #fffaf3;
          --st-text: #2a1c08;
          --st-border: rgba(141, 90, 24, .18);
          --st-on-primary: #ffffff;
          --st-disabled-bg: #f3f4f6;
          --st-disabled-text: #9ca3af;
          --st-error: #b45309
        }

        .show-time-dropdown--grand .calendar-container {
          max-width: 340px;
          margin: 0 auto;
          background: var(--st-surface);
          color: var(--st-text);
          padding: 1rem;
          border: 1px solid var(--st-border);
          border-radius: 16px;
          box-shadow: 0 18px 35px rgba(15, 23, 42, .12)
        }

        .show-time-dropdown--grand .calendar-nav h5,
        .show-time-dropdown--grand .show-time-dropdown__label,
        .show-time-dropdown--grand .show-time-dropdown__selected-date {
          color: var(--st-text) !important
        }

        .show-time-dropdown--grand .show-time-dropdown__error {
          color: var(--st-error) !important
        }

        .show-time-dropdown--grand .calendar-nav button {
          min-width: 2rem;
          padding: .125rem .5rem;
          border-color: var(--st-border);
          color: var(--st-primary)
        }

        .show-time-dropdown--grand .calendar-nav button:hover:not(:disabled) {
          background: var(--st-primary);
          border-color: var(--st-primary);
          color: var(--st-on-primary)
        }

        .show-time-dropdown--grand .calendar-table {
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          font-size: .875rem
        }

        .show-time-dropdown--grand .calendar-table th {
          background: var(--st-primary);
          color: var(--st-on-primary);
          padding: .45rem 0;
          border: 1px solid var(--st-border)
        }

        .show-time-dropdown--grand .calendar-table td {
          padding: .125rem;
          border: 1px solid var(--st-border);
          text-align: center;
          background: #fff
        }

        .show-time-dropdown--grand .calendar-table button {
          width: 100%;
          min-height: 2.1rem;
          padding: .25rem 0;
          border: 1px solid var(--st-border);
          border-radius: .375rem;
          background: var(--st-surface);
          color: var(--st-text);
          transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease
        }

        .show-time-dropdown--grand .calendar-table button:hover:not(:disabled) {
          background: var(--st-primary-hover);
          border-color: var(--st-primary-hover);
          color: var(--st-on-primary)
        }

        .show-time-dropdown--grand .calendar-table button.today {
          background: var(--st-primary-soft);
          color: var(--st-text);
          font-weight: 700
        }

        .show-time-dropdown--grand .calendar-table button.selected {
          background: var(--st-primary);
          border-color: var(--st-primary);
          color: var(--st-on-primary);
          font-weight: 700;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, .35) inset
        }

        .show-time-dropdown--grand .calendar-table button.closed {
          background: var(--st-disabled-bg);
          color: var(--st-disabled-text);
          cursor: not-allowed;
          opacity: .9
        }

        .show-time-dropdown--grand .form-select {
          background: var(--st-surface);
          color: var(--st-text);
          border: 1px solid var(--st-border);
          box-shadow: none
        }

        .show-time-dropdown--grand .form-select:focus {
          border-color: var(--st-primary);
          box-shadow: 0 0 0 .2rem rgba(141, 90, 24, .12)
        }

        .show-time-dropdown--grand .form-select:disabled {
          background: var(--st-disabled-bg);
          color: var(--st-disabled-text)
        }

        @media (max-width:575.98px) {
          .show-time-dropdown--grand {
            padding-left: 0;
            padding-right: 0
          }

          .show-time-dropdown--grand .calendar-container {
            padding: .75rem
          }

          .show-time-dropdown--grand .calendar-nav h5 {
            font-size: 1rem
          }

          .show-time-dropdown--grand .calendar-table {
            font-size: .8rem
          }

          .show-time-dropdown--grand .calendar-table button {
            min-height: 1.9rem
          }
        }

        .section-title {
          color: #000000 !important;
        }

        :root {
          --terms-page-bg: #ffffff;
          --terms-primary: #1f3d2b;
          --terms-accent: #ffffff;
          --terms-banner-text: #ffffff;
          --terms-link-color: #1f3d2b;
          --terms-table-head-bg: #f2fff6;
        }

        /* Shared terms and policies pages */
        .term_and_conditions_section {
          background-color: var(--terms-page-bg, #fff);
          padding: var(--terms-fixed-header-offset, 0) 0 4rem;
        }

        .term_and_conditions_section_title_box {
          border-bottom: 0.2rem solid var(--terms-primary, #000);
        }

        .term_and_conditions_section_title_box h1 {
          color: var(--terms-primary, #000);
          font-size: 36px;
          font-weight: 900;
        }

        .term_and_conditions_section_title_box_left_content h6,
        .term_and_conditions_section_title_box_left_content_common h6,
        .term_and_conditions_section_title_box_right_content h6,
        .term_and_conditions_section .subheading,
        .term_and_conditions_section .sub-heading,
        .term_and_conditions_section .section-title,
        .term_and_conditions_section .terms-section-heading {
          color: var(--terms-primary, #000);
          line-height: 1.4;
        }

        .term_and_conditions_section_title_box_left_content h6,
        .term_and_conditions_section_title_box_left_content_common h6,
        .term_and_conditions_section_title_box_right_content h6 {
          font-size: 28px;
        }

        .term_and_conditions_section_title_box_left_content p,
        .term_and_conditions_section_title_box_right_content p {
          font-size: 16px;
          line-height: 1.7;
        }

        .term_and_conditions_section_title_box_left_content a,
        .term_and_conditions_section_title_box_left_content_common_link,
        .term-policy-btn {
          align-items: center;
          background-color: var(--terms-primary, #000) !important;
          border: 1px solid var(--terms-primary, #000) !important;
          border-radius: 10px;
          color: var(--terms-accent, #fff) !important;
          display: flex;
          font-size: 16px;
          font-weight: 700;
          height: 3rem;
          justify-content: center;
          text-decoration: none;
        }

        .term_and_conditions_section_title_box_left_content a {
          width: 12rem;
        }

        .term_and_conditions_section_title_box_left_content_common_link,
        .term-policy-btn {
          width: 100% !important;
        }

        .term_and_conditions_section_title_box_right_container {
          border: 10px solid var(--terms-primary, #000);
          background-color: var(--terms-content-bg, transparent);
          overflow-wrap: anywhere;
        }

        .term_and_conditions_section_title_box_right_content {
          padding: 1rem;
        }

        .term_and_conditions_section_title_box_right_content ul,
        .refund-policy-container ul,
        .privacy-policy-container ul,
        .gift-voucher-policy-container ul {
          list-style-type: disc;
          padding-left: 1.5rem;
        }

        .term_and_conditions_section_title_box_right_content p,
        .refund-policy-container p,
        .privacy-policy-container p,
        .gift-voucher-policy-container p {
          margin-bottom: 0.75rem;
        }

        .terms-content-banner,
        .term_and_conditions_section .heading-highlight,
        .term_and_conditions_section .section-heading,
        .term_and_conditions_section .policy-header {
          background-color: var(--terms-primary, #000);
          color: var(--terms-banner-text, #fff) !important;
          display: block;
          font-weight: 700;
          margin-bottom: 0.75rem;
          margin-top: 0.5rem;
          padding: 0.5rem 1rem;
        }

        .term_and_conditions_section .subheading,
        .term_and_conditions_section .sub-heading,
        .term_and_conditions_section .section-title,
        .term_and_conditions_section .terms-section-heading {
          font-size: 1.2rem;
          font-weight: 600;
          margin-top: 1rem;
        }

        .terms-plain-link {
          color: var(--terms-link-color, #000);
          text-decoration: none;
        }

        .terms-table-head {
          background-color: var(--terms-table-head-bg, #f0f0f0);
        }

        .terms-lucky-draw-version-line {
          color: var(--terms-primary, #000);
          font-size: 0.92rem;
          font-weight: 600;
          margin: 0 0 1rem;
        }

        .terms-lucky-draw-note,
        .terms-lucky-draw-warning,
        .terms-lucky-draw-footer {
          border-radius: 6px;
          margin: 1rem 0;
          padding: 0.85rem 1rem;
        }

        .terms-lucky-draw-note {
          background-color: color-mix(in srgb, var(--terms-primary, #000) 10%, transparent);
          border: 1px solid color-mix(in srgb, var(--terms-primary, #000) 35%, transparent);
        }

        .terms-lucky-draw-warning {
          background-color: #fff3f3;
          border: 1px solid #f5c6c6;
          color: #7a1a1a;
        }

        .terms-lucky-draw-note strong,
        .terms-lucky-draw-footer strong {
          display: block;
          margin-bottom: 0.25rem;
        }

        .terms-lucky-draw-table th {
          background-color: var(--terms-primary, #000) !important;
          color: var(--terms-banner-text, #fff) !important;
        }

        .terms-lucky-draw-footer {
          background-color: var(--terms-table-head-bg, #f0f0f0);
          font-size: 0.92rem;
        }

        @media (max-width: 767.98px) {
          .term_and_conditions_section {
            padding: var(--terms-fixed-header-offset-mobile, var(--terms-fixed-header-offset, 0)) 0 3rem;
          }

          .term_and_conditions_section_title_box h1 {
            font-size: 30px;
          }

          .term-sidebar {
            padding-left: 0.75rem !important;
            padding-right: 0.75rem !important;
          }

          .term_and_conditions_section_title_box_right_container {
            border-width: 6px;
          }
        }

        .order-history-page--central {
          --oh-surface: #ffffff;
          --oh-primary: #0f5132;
          /* --oh-accent: #2ecc71; */
          --oh-text: #13251a;
          --oh-muted: #5f7065;
          --oh-border: #d7ecdc;
          --oh-head: #0f5132;
          --oh-head-text: #ffffff;
          --oh-button: #0f5132;
          --oh-button-hover: #0a3d25;
          --oh-cash: #b42318;
          --oh-card: #198754;
          --oh-delay: #f2c94c;
          --oh-delay-text: #13251a;
          --oh-schedule: #2a9d8f;
        }

        /* ==============================
Order History Page CSS
============================== */
        .order-history-page--central {
          background: var(--oh-bg);
          color: var(--oh-text);
          min-height: 80vh;
          padding: 3rem 1rem;
        }

        .order-history-page--central .order-history-wrapper {
          width: min(1120px, 100%);
          margin: 0 auto;
        }

        .order-history-page--central .order-history-card {
          background: var(--oh-surface);
          border: 1px solid var(--oh-border);
          border-radius: 8px;
          box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
          margin-bottom: 1.5rem;
          overflow: hidden;
        }

        .order-history-page--central .order-history-card__body {
          padding: 1.5rem;
        }

        .order-history-page--central .order-history-card__body--table {
          padding: 0;
        }

        .order-history-page--central .order-history-card__header {
          background: var(--oh-head);
          color: var(--oh-head-text);
          padding: 1rem 1.25rem;
        }

        .order-history-page--central .order-history-title {
          color: inherit;
          font-weight: 700;
          margin: 0;
        }

        .order-history-page--central .order-history-title--loyalty {
          color: var(--oh-primary);
          margin-bottom: 1rem;
          text-align: center;
        }

        .order-history-page--central .order-history-copy {
          color: var(--oh-text);
          margin-bottom: .75rem;
          text-align: center;
          text-transform: none;
        }

        .order-history-page--central .order-history-copy--last {
          margin-bottom: 0;
        }

        .order-history-page--central .order-history-points,
        .order-history-page--central .order-history-points-value {
          color: var(--oh-primary);
          font-weight: 800;
        }

        .order-history-page--central .order-history-points {
          font-size: 1.35rem;
        }

        .order-history-page--central .order-history-table-wrap {
          overflow-x: auto;
          width: 100%;
        }

        .order-history-page--central .order-history-table {
          color: var(--oh-text);
          margin-bottom: 0;
          min-width: 760px;
          vertical-align: middle;
        }

        .order-history-page--central .order-history-table thead th {
          background: var(--oh-accent);
          border-bottom: 1px solid var(--oh-border);
          color: var(--oh-text);
          font-weight: 700;
          padding: .95rem 1rem;
          white-space: nowrap;
        }

        .order-history-page--central .order-history-table tbody td,
        .order-history-page--central .order-history-table tfoot td {
          border-color: var(--oh-border);
          color: var(--oh-text);
          padding: 1rem;
        }

        .order-history-page--central .order-history-status-cell {
          min-width: 240px;
        }

        .order-history-page--central .order-history-status {
          color: var(--oh-text);
          display: inline-block;
          font-weight: 700;
          margin-right: .35rem;
        }

        .order-history-page--central .order-history-status--pending,
        .order-history-page--central .order-history-status--processing {
          color: var(--oh-delay-text);
        }

        .order-history-page--central .order-history-status--completed,
        .order-history-page--central .order-history-status--delivered,
        .order-history-page--central .order-history-status--paid {
          color: var(--oh-card);
        }

        .order-history-page--central .order-history-status--cancelled,
        .order-history-page--central .order-history-status--canceled {
          color: var(--oh-cash);
        }

        .order-history-page--central .order-history-badge {
          align-items: center;
          border-radius: 999px;
          display: inline-flex;
          font-size: .75rem;
          font-weight: 700;
          gap: .25rem;
          line-height: 1.2;
          margin: .2rem .25rem .2rem 0;
          padding: .35rem .55rem;
          vertical-align: middle;
          white-space: nowrap;
        }

        .order-history-page--central .order-history-badge--cash {
          background: var(--oh-cash);
          color: #fff;
        }

        .order-history-page--central .order-history-badge--card {
          background: var(--oh-card);
          color: #fff;
        }

        .order-history-page--central .order-history-badge--delay {
          background: var(--oh-delay);
          color: var(--oh-delay-text);
        }

        .order-history-page--central .order-history-badge--schedule {
          background: var(--oh-schedule);
          color: #fff;
        }

        .order-history-page--central .order-history-badge--schedule i,
        .order-history-page--central .order-history-badge--schedule span {
          color: inherit;
        }

        .order-history-page--central .order-history-reject-reason {
          color: var(--oh-cash);
          font-weight: 700;
          margin-top: .45rem;
        }

        .order-history-page--central .order-history-action-btn {
          align-items: center;
          background: transparent;
          border: 1px solid var(--oh-button);
          border-radius: 6px;
          color: var(--oh-button);
          display: inline-flex;
          font-size: .875rem;
          font-weight: 700;
          gap: .35rem;
          justify-content: center;
          min-height: 2.1rem;
          padding: .35rem .7rem;
          text-decoration: none;
          white-space: nowrap;
        }

        .order-history-page--central .order-history-action-btn:hover,
        .order-history-page--central .order-history-action-btn:focus {
          background: var(--oh-button-hover);
          border-color: var(--oh-button-hover);
          color: #fff;
          text-decoration: none;
        }

        .order-history-page--central .order-history-empty {
          color: var(--oh-muted);
          padding: 2rem 1rem;
          text-align: center;
        }

        .order-history-page--central .order-history-pagination {
          padding: 1rem;
        }

        .order-history-page--central .order-history-pagination .pagination {
          flex-wrap: wrap;
          gap: .35rem;
          justify-content: center;
          margin-bottom: 0;
        }

        .order-history-page--central .order-history-pagination .page-link {
          border-color: var(--oh-border);
          color: var(--oh-button);
        }

        .order-history-page--central .order-history-pagination .page-item.active .page-link {
          background: var(--oh-button);
          border-color: var(--oh-button);
          color: #fff;
        }

        @media (max-width: 767.98px) {
          .order-history-page--central {
            padding: 2rem .75rem;
          }

          .order-history-page--central .order-history-card__body {
            padding: 1.15rem;
          }

          .order-history-page--central .order-history-card__body--table {
            padding: 0;
          }

          .order-history-page--central .order-history-table {
            min-width: 680px;
          }

          .order-history-page--central .order-history-table thead th,
          .order-history-page--central .order-history-table tbody td,
          .order-history-page--central .order-history-table tfoot td {
            padding: .85rem;
          }

          .order-history-page--central .order-history-status-cell {
            min-width: 220px;
          }
        }