<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Frankie's Slice Shop | Pizza in Cork City</title>
  <meta name="description"
    content="Frankie's Slice Shop: Roman & New York style pizza in Cork City at Marina Market. Order now on Manna." />
  <meta name="keywords"
    content="pizza cork, frankies slice shop, roman pizza, ny pizza, cork city takeaway" />

  <!-- Social Sharing -->
  <meta property="og:title" content="Frankie's Slice Shop | Pizza in Cork" />
  <meta property="og:description"
    content="Roman & New York Style Slices in Cork's Marina Market." />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="/socialsharing2.jpg" />
  <meta property="og:url" content="https://frankiessliceshop.com" />
  <link rel="canonical" href="https://frankiessliceshop.com" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Frankie's Slice Shop | Pizza in Cork" />
  <meta name="twitter:description" content="Roman & New York Style Slices in Cork's Marina Market." />
  <meta name="twitter:image" content="/socialsharing2.jpg" />

  <!-- Local SEO -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Restaurant",
      "name": "Frankie's Slice Shop",
      "url": "https://frankiessliceshop.com",
      "telephone": "+353214273751",
      "priceRange": "€",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Marina Market, Centre Park Rd",
        "addressLocality": "Cork",
        "postalCode": "T12 YX76",
        "addressCountry": "IE"
      }
    }
  </script>

  <link rel="icon" type="image/webp" href="/frankies-lips.webp" />
  <script src="https://js.stripe.com/v3/"></script>
  <script type="module" crossorigin src="/assets/index-CeNSDyo-.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-BVuAvQs0.css">
</head>

<body>
  <!-- PERSISTENT NAVIGATION -->
  <nav class="inline-nav">
    <div class="container nav-container">
      <a href="#home" class="nav-link">Home</a>
      <a href="#menu" class="nav-link">Menu</a>
      <a href="#gallery" class="nav-link">Gallery</a>
      <a href="#merch" class="nav-link">Merch</a>
      <a href="#about" class="nav-link">About</a>
      <a href="#find-us" class="nav-link">Find Us</a>
    </div>
    <a href="#" class="cart-trigger-icon" onclick="openCart(); return false;">
      <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <circle cx="9" cy="21" r="1"></circle>
        <circle cx="20" cy="21" r="1"></circle>
        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
      </svg>
      <span id="cart-count">0</span>
    </a>
  </nav>

  <div class="page-wrapper">
  <!-- HOMEPAGE -->
  <div id="home" class="page active">

    <!-- HERO: LOGO WITH BACKGROUND IMAGE -->
    <section class="hero">
      <div class="hero-content">
        <img src="/frankies-lips.webp" alt="Frankie's Lips" class="hero-lips" />
        <img src="/frankies-font-logo.svg" alt="Frankie's Slice Shop" class="hero-logo" />
      </div>
    </section>

    <!-- TAGLINE WITH IMAGE BREAK -->
    <section class="tagline-section">
      <div class="container">
        <p class="tagline">Beautiful pizza, inventive focaccia, and great beer & wine.</p>
        <div class="drone-box">
          <img src="/assets/drone-pizza-box-frankies-D4iFL8Io.jpg" alt="Frankie's Pizza Drone Box" />
          <a href="https://www.manna.aero" target="_blank" class="order-subtle">Order on Manna</a>
        </div>
      </div>
    </section>

    <!-- SINGLE SLICES SECTION -->
    <section class="slices-section">
      <div class="container">
        <div class="slices-grid">
          <div class="slice-item">
            <img src="/assets/single-slice-pizza1-aApkWlpl.webp" alt="Pizza Slice 1" />
          </div>
          <div class="slice-item">
            <img src="/assets/single-slice-pizza2-DkvWAbgq.webp" alt="Pizza Slice 2" />
          </div>
          <div class="slice-item">
            <img src="/assets/single-slice-pizza3-qp7WJCfc.webp" alt="Pizza Slice 3" />
          </div>
          <div class="slice-item">
            <img src="/assets/single-slice-pizza4-CDRb2zl2.webp" alt="Pizza Slice 4" />
          </div>
          <div class="slice-item">
            <img src="/assets/single-slice-pizza5-DI7T6WMn.webp" alt="Pizza Slice 5" />
          </div>
          <div class="slice-item">
            <img src="/assets/single-slice-pizza6-9Il5m5FV.webp" alt="Pizza Slice 6" />
          </div>
        </div>
      </div>
    </section>

    <!-- FEATURED IMAGES -->
    <section class="featured-images">
      <div class="container">
        <div class="featured-grid">
          <img src="/images/half-pie.webp" alt="Half Pie" />
          <img src="/images/pepperoni-tray.webp" alt="Pepperoni Tray" />
          <img src="/images/oven-shot.webp" alt="Oven Shot" />
          <img src="/images/pizza-tray.webp" alt="Pizza Tray" />
          <img src="/images/dough-stretch.webp" alt="Dough Stretch" />
        </div>
      </div>
    </section>
  </div>

  <!-- MENU PAGE -->
  <div id="menu" class="page">
    <section class="menu-section">
      <div class="container">
        <h2>Menu</h2>
        <a href="https://manna.aero" target="_blank" class="cta-link" style="display: inline-block; margin-bottom: 30px;">Order on Manna</a>
      <div class="container">
        <h2>Roman Pizza</h2>
        <div class="menu-items">
          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Buffalo Mozzarella</h3>
              <span class="price">€5.00</span>
            </div>
            <p>Buffalo Mozzarella, Parmesan, Fresh Basil, EVO</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Nduja & Honey</h3>
              <span class="price">€5.00</span>
            </div>
            <p>Chorizo, Nduja, Mozzarella, Basil oil, Hot Honey</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Classic Pepperoni</h3>
              <span class="price">€4.80</span>
            </div>
            <p>Pepperoni, Mozzarella, Hot Honey</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Vodka Burrata</h3>
              <span class="price">€5.00</span>
            </div>
            <p>Vodka Sauce, Pancetta, Burrata, Basil, Hot Honey</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>White Truffle & Mushroom</h3>
              <span class="price">€5.50</span>
            </div>
            <p>Wild Mushroom, Truffle Oil, Garlic, Pecorino</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>
        </div>

        <h2 style="margin-top: 60px;">NY Pizza</h2>
        <div class="menu-items">
          <div class="menu-item">
            <div class="menu-item-header">
              <h3>The 2026 Cheese Slice</h3>
              <span class="price">€4.50</span>
            </div>
            <p>House Mozzarella Mix, Tomato Sauce</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>NY Vodka Redux</h3>
              <span class="price">€4.70</span>
            </div>
            <p>Vodka Sauce, Pancetta, Red Onion, Pecorino</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Fennel Sausage NY</h3>
              <span class="price">€4.70</span>
            </div>
            <p>Fennel Sausage, White Onion, Aged Parmesan, Mozzarella</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Old Fashioned Roni</h3>
              <span class="price">€4.80</span>
            </div>
            <p>Spiced Pepperoni, Dried Oregano, Chili Oil</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>
        </div>

        <h2 style="margin-top: 60px;">Sides & Drinks</h2>
        <div class="menu-items">
          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Garlic Mayo</h3>
              <span class="price">€1.30</span>
            </div>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Hot Honey</h3>
              <span class="price">€1.30</span>
            </div>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>

          <div class="menu-item">
            <div class="menu-item-header">
              <h3>Drinks</h3>
              <span class="price">—</span>
            </div>
            <p>Coke, Coke Zero, Blood Orange, Water</p>
            <a href="https://manna.aero" target="_blank" class="order-link">Order on Manna</a>
          </div>
        </div>
      </div>
    </section>
  </div>

  <!-- GALLERY PAGE -->
  <div id="gallery" class="page">
    <section class="gallery-section">
      <div class="container">
        <h2>Gallery</h2>
      <div class="container">
        <div class="gallery-grid">
          <div class="gallery-item">
            <img src="/assets/half-pie-8vW-U7wD.webp" alt="Half Pie" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pepperoni-tray-ClaqNi3D.webp" alt="Pepperoni Tray" />
          </div>
          <div class="gallery-item">
            <img src="/assets/oven-shot-CA_6EQv7.webp" alt="Oven Shot" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pizza-tray-DN5o3wOa.webp" alt="Pizza Tray" />
          </div>
          <div class="gallery-item">
            <img src="/assets/dough-stretch-DvUmrcP1.webp" alt="Dough Stretch" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pizza-oven-glow-wboLSoJk.webp" alt="Pizza Oven Glow" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pizza-prep-DENXz6jc.webp" alt="Pizza Prep" />
          </div>
          <div class="gallery-item">
            <img src="/assets/chef-working-CYJKk9Y9.webp" alt="Chef Working" />
          </div>
          <div class="gallery-item">
            <img src="/assets/shop-sign-D857ikIQ.webp" alt="Shop Sign" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pizza-making-Da5IfhOb.webp" alt="Pizza Making" />
          </div>
          <div class="gallery-item">
            <img src="/assets/slice-serving-JZLDNk-6.webp" alt="Slice Serving" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pizza-closeup-L1vXPTiJ.webp" alt="Pizza Closeup" />
          </div>
          <div class="gallery-item">
            <img src="/assets/shop-detail-Ckuv8q_a.webp" alt="Shop Detail" />
          </div>
          <div class="gallery-item">
            <img src="/assets/shop-interior-gxOjjX2O.webp" alt="Shop Interior" />
          </div>
          <div class="gallery-item">
            <img src="/assets/shop-exterior-ni72EMWW.webp" alt="Shop Exterior" />
          </div>
          <div class="gallery-item">
            <img src="/assets/shop-sign-3-CiyHE2NB.webp" alt="Shop Sign 3" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pepperoni-placing-CT-OlY9o.webp" alt="Pepperoni Placing" />
          </div>
          <div class="gallery-item">
            <img src="/assets/cheese-spread-BmhH7Asd.webp" alt="Cheese Spread" />
          </div>
          <div class="gallery-item">
            <img src="/assets/shop-sign-2-BM1_61RH.webp" alt="Shop Sign 2" />
          </div>
          <div class="gallery-item">
            <img src="/assets/cheese-pull-DQHW5Dy_.webp" alt="Cheese Pull" />
          </div>
          <div class="gallery-item">
            <img src="/assets/pepperoni-raw-CAvd5_8p.webp" alt="Pepperoni Raw" />
          </div>
          <div class="gallery-item">
            <img src="/assets/toppings-closeup-CfTNmxf9.webp" alt="Toppings Closeup" />
          </div>
          <div class="gallery-item">
            <img src="/assets/ny-slice-CKgS0dCy.webp" alt="NY Slice" />
          </div>
          <div class="gallery-item">
            <img src="/assets/sauce-ladle-DfHhnuq2.webp" alt="Sauce Ladle" />
          </div>
        </div>
      </div>
    </section>

    <!-- LIGHTBOX -->
    <div id="lightbox" class="lightbox">
      <span class="lightbox-close">&times;</span>
      <div class="lightbox-content">
        <img id="lightbox-image" class="lightbox-image" src="" alt="" />
      </div>
    </div>
  </div>

  <!-- MERCH PAGE -->
  <div id="merch" class="page">
    <section class="merch-section">
      <div class="container">
        <div class="merch-header">
          <h2>Merch</h2>
          <p class="merch-intro">Rock Frankie's gear. Show your pizza pride.</p>
        </div>
        <div class="merch-grid" id="merch-grid">
          <!-- Dynamically loaded from Printify API -->
          <div class="merch-loading">Loading fresh gear...</div>
        </div>
      </div>
    </section>
  </div>

  <!-- PRODUCT DETAIL PAGE -->
  <div id="product-page" class="page">
    <section class="product-detail-section">
      <div class="container">
        <a href="#merch" class="back-link">← Back to Merch</a>
        <div class="product-detail-grid" id="product-detail-grid">
          <!-- Dynamically populated -->
        </div>
      </div>
    </section>
  </div>

  <!-- ABOUT PAGE -->
  <div id="about" class="page">
    <section class="about-section">
      <div class="container">
        <h2>About</h2>
        <p>Founded by Frankie Calabrese's legacy. Roman crunch meets NYC soul.</p>
        <p>Our secret is the 72-hour slow fermentation and high hydration. It makes it light but gives it that monster crunch.</p>
        <p>Manna Aero delivers our slices in about 4 minutes via drone. Zero emissions, 100% speed.</p>

        <div class="about-images">
          <div class="about-image-item">
            <img src="/assets/oven-shot-CA_6EQv7.webp" alt="Oven" />
          </div>
          <div class="about-image-item">
            <img src="/assets/shop-sign-D857ikIQ.webp" alt="Shop Sign" />
          </div>
          <div class="about-image-item">
            <img src="/assets/shop-interior-gxOjjX2O.webp" alt="Shop Interior" />
          </div>
        </div>
      </div>
    </section>
  </div>

  <!-- FIND US PAGE -->
  <div id="find-us" class="page">
    <section class="contact-section">
      <div class="container">
        <h2>Find Us</h2>
      <div class="container">
        <div class="contact-info">
          <h2>Contact</h2>
          <p>Email: <a href="mailto:info@frankiessliceshop.com">info@frankiessliceshop.com</a></p>
          <p>Phone: <a href="tel:+353214273751">+353 21 427 3751</a></p>

          <h2 style="margin-top: 40px;">Location</h2>
          <p>Marina Market, Centre Park Rd, Ballintemple, Cork, T12 YX76</p>
          <p><a href="https://maps.app.goo.gl/owdgzs7AwRhZsWvU6" target="_blank" class="cta-link">View on Google Maps</a></p>

          <h2 style="margin-top: 40px;">Hours</h2>
          <p>Mon - Thu: 12:00 - 20:00</p>
          <p>Fri - Sat: 12:00 - 21:00</p>
          <p>Sunday: 12:00 - 20:00</p>

          <h2 style="margin-top: 40px;">Order Now</h2>
          <p><a href="https://www.manna.aero" target="_blank" class="cta-link">Order on Manna</a></p>

          <h2 style="margin-top: 40px;">Follow Us</h2>
          <div class="social-buttons">
            <a href="https://instagram.com" target="_blank" class="social-btn insta-btn" aria-label="Instagram">
              <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 22.4C6.194 22.4 1.6 17.806 1.6 12S6.194 1.6 12 1.6s10.4 4.594 10.4 10.4-4.594 10.4-10.4 10.4zm5.12-14.4c.442 0 .8.358.8.8s-.358.8-.8.8-.8-.358-.8-.8.358-.8.8-.8zm-4.32-2.4c-1.954 0-3.36 1.406-3.36 3.36S10.846 11.92 12.8 11.92s3.36-1.406 3.36-3.36-1.406-3.36-3.36-3.36zm0 5.52c-1.21 0-2.16-.95-2.16-2.16s.95-2.16 2.16-2.16 2.16.95 2.16 2.16-.95 2.16-2.16 2.16z"/>
              </svg>
            </a>
            <a href="https://facebook.com" target="_blank" class="social-btn fb-btn" aria-label="Facebook">
              <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm3.2 6.4h-1.92c-.506 0-.96.454-.96.96v1.92h2.88v1.6h-2.88v7.36h-1.6v-7.36h-1.92V9.28h1.92V8.32c0-1.521 1.239-2.76 2.76-2.76h1.92v1.6z"/>
              </svg>
            </a>
          </div>
        </div>
      </div>
    </section>
  </div>
  </div> <!-- end page-wrapper -->

  <!-- FOOTER -->
  <footer class="footer">
    <div class="container footer-content">
      <div class="footer-top">
        <div class="footer-logo">
          <img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20id='Layer_1'%20x='0px'%20y='0px'%20viewBox='0%200%20566.9%20170.1'%20style='enable-background:new%200%200%20566.9%20170.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23DB1F26;}%20.st1{fill:%23E51E25;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M67.7,27l59.2-0.2l-10.7,25.3l-26.8,0.1l-3.9,9.1l23.5-0.1l-9.7,23l-23.5,0.1l-13.1,31l-32.3,0.1L67.7,27z'%3e%3c/path%3e%3cpath%20class='st0'%20d='M124.8,53.3l27.1-0.1c13.9,0,23.2,5.8,16.7,21.4c-4,9.4-9.2,13.3-18.8,16.1l-0.2,0.5c0.8,0.9,1.7,1.9,2.2,3.7%20l4.9,20.1l-25.9,0.1l-1.4-19.8l-0.4,0l-8.4,19.9l-22,0.1L124.8,53.3z%20M135.2,80.7l1.6,0c3.7,0,7.6-0.6,9.6-5.2c2-4.8-1.1-5.3-5-5.3%20l-1.7,0L135.2,80.7z'%3e%3c/path%3e%3cpath%20class='st0'%20d='M185.1,115l-23.8,0.1l47.7-62l24.8-0.1l-4.1,61.8l-23.8,0.1l1.2-7.7l-17,0L185.1,115z%20M209.4,92.5l2-10.9%20c0.5-2.6,1.2-5.3,1.9-8l-0.8,0l-12.1,18.9L209.4,92.5z'%3e%3c/path%3e%3cpath%20class='st0'%20d='M260.2,52.9l21.6-0.1l5.7,34.3l0.7,0c1.3-5.2,2.6-10.5,4.8-15.8l7.8-18.6l21.5-0.1L296,114.7l-21.5,0.1%20l-6-32.5l-0.7,0c-1.1,4.3-2.1,8.3-3.8,12.4l-8.5,20.1l-21.5,0.1L260.2,52.9z'%3e%3c/path%3e%3cpath%20class='st0'%20d='M332.2,52.8l21.9-0.1l-11.8,26.8l0.5,0c1.6-2.5,3.9-4.8,6.1-7L368,52.7l24.5-0.1l-32.1,30.2l8,31.7l-26.1,0.1%20l-2.7-18.7c-0.3-2.4-1.3-4.7-0.7-7.2l-0.5,0l-10.5,25.9l-21.9,0.1L332.2,52.8z'%3e%3c/path%3e%3cpath%20class='st0'%20d='M399.5,52.6l22.5-0.1l-26.2,61.9l-22.5,0.1L399.5,52.6z'%3e%3c/path%3e%3cpath%20class='st0'%20d='M432.1,52.5l41.6-0.1l-7.2,16.9l-18.9,0l-2.5,5.9l17.3,0l-6.8,16.1l-17.3,0l-2.6,6.1l19.6-0.1l-7.2,16.9%20l-42.2,0.1L432.1,52.5z'%3e%3c/path%3e%3cpath%20class='st0'%20d='M486.9,92l0.8,0.9c2.7,3.1,6.5,5.6,11.6,5.6c2.2,0,6.1-0.9,7.3-3.7c1.2-2.8-1.7-3-3.5-3.4l-4.2-0.8%20c-8.1-1.5-13.3-6.7-9.2-16.4c6.2-14.7,23.1-22.9,36.5-23c7.1,0,12.8,1.7,17.3,5.4l-12.8,15.9c-2.7-2.6-6.2-4.7-11.1-4.6%20c-2,0-5.2,0.8-6.2,3.3c-1,2.3,1.7,2.6,3.2,3l4.6,1.1c8.6,2.1,13.3,7.2,8.9,17.7c-6.2,14.8-22.8,22.1-36.2,22.2%20c-7.8,0-15.9-2.1-21.4-5.6L486.9,92z'%3e%3c/path%3e%3c/g%3e%3cpolygon%20class='st1'%20points='485,56.6%20479.8,29.8%20506.2,31.2%20'%3e%3c/polygon%3e%3cg%3e%3cpolygon%20class='st0'%20points='520.8,139.3%2020.9,140.2%2024.7,131.2%20524.6,130.3%20'%3e%3c/polygon%3e%3c/g%3e%3c/svg%3e" alt="Frankie's" />
        </div>
      </div>
      <div class="footer-links">
        <a href="#menu">Menu</a>
        <a href="#gallery">Gallery</a>
        <a href="#about">About</a>
        <a href="#find-us">Find Us</a>
      </div>
      <div class="footer-contact-links">
        <a href="tel:+353214273751">+353 21 427 3751</a>
        <a href="mailto:info@frankiessliceshop.com">info@frankiessliceshop.com</a>
      </div>
      <div class="footer-socials">
        <a href="https://instagram.com" target="_blank" aria-label="Instagram">Instagram</a>
        <a href="https://facebook.com" target="_blank" aria-label="Facebook">Facebook</a>
      </div>
      <div class="footer-legal">
        <a href="#privacy">Privacy Policy</a>
        <a href="#terms">Terms of Service</a>
      </div>
    </div>
  </footer>


  <!-- CART SIDEBAR -->
  <div class="cart-overlay" id="cart-overlay"></div>
  <div class="cart-sidebar" id="cart-sidebar">
    <div class="cart-header">
      <h2>Your Cart</h2>
      <button class="close-cart" id="close-cart">&times;</button>
    </div>

    <div class="cart-content">
      <!-- Cart View -->
      <div class="cart-view active" id="cart-view">
        <div id="empty-cart-msg" style="text-align:center; padding:50px 20px;">
          <p>Your cart is empty.</p>
          <a href="#menu" class="cta-link" style="margin-top:20px; display:inline-block;" onclick="closeCart()">Browse Menu</a>
        </div>
        <div class="cart-items" id="cart-items"></div>
      </div>
    </div>

    <div class="cart-footer">
      <div class="cart-summary">
        <div class="summary-row">
          <span>Subtotal</span>
          <span class="summary-total" id="cart-total-value">€0.00</span>
        </div>
      </div>
      <button class="checkout-btn" id="btn-checkout" onclick="checkoutOrder()">Checkout</button>
      <button class="checkout-btn" id="btn-builder-add" style="display:none; background:var(--red);" onclick="addBuilderPizzaToCart()">Add Pie to Cart</button>
    </div>
  </div>
</body>

</html>
