<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Пицца Таганрог - РосиПомидоси — Пицца и Бургеры в Таганроге</title>
    <meta name="description" content="Пицца из дровяной печи и сочные бургеры с доставкой по Таганрогу. Заказ по телефону +7(918)5000133. Пицца Таганрог, доставка пиццы Таганрог, пицца в Таганроге, лучшая пицца Таганрог.">
    <meta name="keywords" content="пицца Таганрог, доставка пиццы Таганрог, пицца в Таганроге, бургеры Таганрог, заказать пиццу Таганрог, РосиПомидоси, пицца с доставкой Таганрог">
    <meta name="author" content="мастерскаягорбунова.рф">
    <meta name="robots" content="index, follow">
    <meta name="yandex-verification" content="...">
    <link rel="canonical" href="https://тасамаяпицца.рф/">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <meta property="og:title" content="РосиПомидоси — доставка пиццы и бургеров в Таганроге">
    <meta property="og:description" content="Пицца из дровяной печи и сочные бургеры с доставкой по Таганрогу. Заказ по телефону +7(918)5000133.">
    <meta property="og:image" content="/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg">
    <meta property="og:url" content="https://тасамаяпицца.рф/">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="РосиПомидоси — доставка пиццы и бургеров в Таганроге">
    <meta name="twitter:description" content="Пицца из дровяной печи и сочные бургеры с доставкой по Таганрогу. Заказ по телефону +7(918)5000133.">
    <style>
        /* ===== ЖЕСТКИЙ СЕО-ТЕКСТ (СКРЫТ ОТ ПОЛЬЗОВАТЕЛЕЙ) ===== */
        .seo-hidden {
            position: absolute !important;
            left: -99999px !important;
            top: -99999px !important;
            width: 1px !important;
            height: 1px !important;
            overflow: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
            font-size: 0 !important;
            color: transparent !important;
            background: transparent !important;
            border: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            max-height: 0 !important;
            max-width: 0 !important;
            z-index: -99999 !important;
            display: block !important;
            visibility: visible !important;
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
        }
        .seo-hidden h1, .seo-hidden h2, .seo-hidden h3, .seo-hidden p, .seo-hidden ul, .seo-hidden li {
            font-size: 0 !important;
            color: transparent !important;
            background: transparent !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
        }
        .seo-hidden a {
            display: none !important;
        }
        #myCartBackdrop.show {
            display: block;
            z-index: 0 !important;
        }
        span#mobileBadge{display:none!important}
        *{margin:0;padding:0;box-sizing:border-box}
        body{font-family:'Montserrat',sans-serif;background:#faf9f7;color:#1a1008;overflow-x:hidden}
        img{max-width:100%;display:block}
        a{text-decoration:none;color:inherit}
        button{cursor:pointer;border:none;background:none;font-family:inherit}
        .fixed{position:fixed}
        .absolute{position:absolute}
        .relative{position:relative}
        .sticky{position:sticky}
        .inset-0{inset:0}
        .top-0{top:0}
        .right-0{right:0}
        .left-0{left:0}
        .bottom-0{bottom:0}
        .top-4{top:1rem}
        .top-10{top:2.5rem}
        .top-16{top:4rem}
        .top-20{top:5rem}
        .top-1\/3{top:33.333%}
        .top-1\/4{top:25%}
        .top-2\/3{top:66.666%}
        .top-3\/4{top:75%}
        .left-4{left:1rem}
        .left-8{left:2rem}
        .left-1\/4{left:25%}
        .left-1\/3{left:33.333%}
        .left-2\/3{left:66.666%}
        .left-3\/4{left:75%}
        .right-4{right:1rem}
        .right-8{right:2rem}
        .right-1\/4{right:25%}
        .right-1\/3{right:33.333%}
        .right-2\/3{right:66.666%}
        .right-3\/4{right:75%}
        .bottom-4{bottom:1rem}
        .bottom-8{bottom:2rem}
        .bottom-1\/3{bottom:33.333%}
        .bottom-2\/3{bottom:66.666%}
        .z-10{z-index:10}
        .z-20{z-index:20}
        .z-30{z-index:30}
        .z-40{z-index:40}
        .z-50{z-index:50}
        .z-100{z-index:100}
        .flex{display:flex}
        .grid{display:grid}
        .block{display:block}
        .inline-flex{display:inline-flex}
        .hidden{display:none}
        .flex-col{flex-direction:column}
        .flex-wrap{flex-wrap:wrap}
        .items-center{align-items:center}
        .items-start{align-items:flex-start}
        .justify-between{justify-content:space-between}
        .justify-center{justify-content:center}
        .gap-1{gap:.25rem}
        .gap-1\.5{gap:.375rem}
        .gap-2{gap:.5rem}
        .gap-3{gap:.75rem}
        .gap-4{gap:1rem}
        .gap-6{gap:1.5rem}
        .gap-8{gap:2rem}
        .w-full{width:100%}
        .w-auto{width:auto}
        .w-5{width:1.25rem}
        .w-6{width:1.5rem}
        .w-9{width:2.25rem}
        .w-11{width:2.75rem}
        .w-12{width:3rem}
        .w-16{width:4rem}
        .max-w-7xl{max-width:80rem}
        .max-w-md{max-width:28rem}
        .max-w-sm{max-width:24rem}
        .h-9{height:2.25rem}
        .h-11{height:2.75rem}
        .h-12{height:3rem}
        .h-16{height:4rem}
        .h-full{height:100%}
        .min-h-screen{min-height:100vh}
        .min-h-\[380px\]{min-height:380px}
        .max-h-\[80px\]{max-height:80px}
        .mx-auto{margin-left:auto;margin-right:auto}
        .mb-1{margin-bottom:.25rem}
        .mb-2{margin-bottom:.5rem}
        .mb-3{margin-bottom:.75rem}
        .mb-4{margin-bottom:1rem}
        .mb-6{margin-bottom:1.5rem}
        .mb-10{margin-bottom:2.5rem}
        .mt-2{margin-top:.5rem}
        .mt-4{margin-top:1rem}
        .mt-9{margin-top:2.25rem}
        .mt-33{margin-top:33px}
        .ml-auto{margin-left:auto}
        .mr-2{margin-right:.5rem}
        .pb-14{padding-bottom:14px}
        .pb-19{padding-bottom:19px}
        .p-2{padding:.5rem}
        .p-3{padding:.75rem}
        .p-4{padding:1rem}
        .p-5{padding:1.25rem}
        .p-6{padding:1.5rem}
        .p-8{padding:2rem}
        .px-3{padding-left:.75rem;padding-right:.75rem}
        .px-4{padding-left:1rem;padding-right:1rem}
        .px-6{padding-left:1.5rem;padding-right:1.5rem}
        .px-7{padding-left:1.75rem;padding-right:1.75rem}
        .px-8{padding-left:2rem;padding-right:2rem}
        .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
        .py-2{padding-top:.5rem;padding-bottom:.5rem}
        .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
        .py-3{padding-top:.75rem;padding-bottom:.75rem}
        .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
        .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
        .py-14{padding-top:3.5rem;padding-bottom:3.5rem}
        .pt-10{padding-top:2.5rem}
        .pt-24{padding-top:6rem}
        .pb-20{padding-bottom:5rem}
        .pb-6{padding-bottom:1.5rem}
        .text-center{text-align:center}
        .text-left{text-align:left}
        .text-xs{font-size:.75rem;line-height:1rem}
        .text-sm{font-size:.875rem;line-height:1.25rem}
        .text-base{font-size:1rem;line-height:1.5rem}
        .text-lg{font-size:1.125rem;line-height:1.75rem}
        .text-xl{font-size:1.25rem;line-height:1.75rem}
        .text-2xl{font-size:1.5rem;line-height:2rem}
        .text-3xl{font-size:1.875rem;line-height:2.25rem}
        .font-bold{font-weight:700}
        .font-black{font-weight:900}
        .font-extrabold{font-weight:800}
        .font-semibold{font-weight:600}
        .uppercase{text-transform:uppercase}
        .leading-relaxed{line-height:1.625}
        .leading-\[0\.45\]{line-height:.45}
        .tracking-widest{letter-spacing:.1em}
        .tracking-wider{letter-spacing:.05em}
        .rounded-full{border-radius:9999px}
        .rounded-lg{border-radius:.75rem}
        .rounded-xl{border-radius:.75rem}
        .rounded-2xl{border-radius:1rem}
        .rounded-3xl{border-radius:1.5rem}
        .border{border-width:1px}
        .border-2{border-width:2px}
        .border-b{border-bottom-width:1px}
        .border-t{border-top-width:1px}
        .border-gray-100{border-color:#f3f4f6}
        .border-gray-200{border-color:#e5e7eb}
        .border-white\/10{border-color:rgba(255,255,255,.1)}
        .border-white\/25{border-color:rgba(255,255,255,.25)}
        .border-transparent{border-color:transparent}
        .bg-white{background:#fff}
        .bg-black\/55{background:rgba(0,0,0,.55)}
        .bg-gray-50{background:#f9fafb}
        .bg-gray-100{background:#f3f4f6}
        .bg-gray-200{background:#e5e7eb}
        .bg-\[\#1a1008\]{background:#1a1008}
        .bg-\[\#0d0703\]{background:#0d0703}
        .bg-\[\#f5f5f3\]{background:#f5f5f3}
        .bg-\[\#faf9f7\]{background:#faf9f7}
        .bg-\[\#C8281A\]{background:#C8281A}
        .bg-\[\#D4850A\]{background:#D4850A}
        .bg-white\/5{background:rgba(255,255,255,.05)}
        .bg-white\/10{background:rgba(255,255,255,.1)}
        .bg-white\/20{background:rgba(255,255,255,.2)}
        .bg-white\/80{background:rgba(255,255,255,.8)}
        .bg-white\/85{background:rgba(255,255,255,.85)}
        .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
        .from-orange-50{--tw-gradient-from:#fff7ed;--tw-gradient-to:rgba(255,247,237,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
        .to-amber-50{--tw-gradient-to:#fffbeb}
        .from-red-50{--tw-gradient-from:#fef2f2;--tw-gradient-to:rgba(254,242,242,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
        .to-orange-50{--tw-gradient-to:#fff7ed}
        .text-white{color:#fff}
        .text-white\/30{color:rgba(255,255,255,.3)}
        .text-white\/35{color:rgba(255,255,255,.35)}
        .text-white\/40{color:rgba(255,255,255,.4)}
        .text-white\/50{color:rgba(255,255,255,.5)}
        .text-white\/60{color:rgba(255,255,255,.6)}
        .text-white\/70{color:rgba(255,255,255,.7)}
        .text-white\/80{color:rgba(255,255,255,.8)}
        .text-white\/90{color:rgba(255,255,255,.9)}
        .text-gray-400{color:#9ca3af}
        .text-gray-500{color:#6b7280}
        .text-gray-600{color:#4b5563}
        .text-gray-700{color:#374151}
        .text-gray-800{color:#1f2937}
        .text-gray-900{color:#111827}
        .text-\[\#C8281A\]{color:#C8281A}
        .text-green-500{color:#22c55e}
        .text-green-600{color:#16a34a}
        .text-blue-600{color:#2563eb}
        .text-blue-500{color:#3b82f6}
        .shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
        .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
        .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
        .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
        .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
        .transition-all{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
        .transition-colors{transition-property:color,background-color,border-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
        .transition-transform{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
        .transition-opacity{transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
        .hover\:scale-105:hover{transform:scale(1.05)}
        .hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}
        .hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}
        .hover\:border-\[\#C8281A\]:hover{border-color:#C8281A}
        .hover\:bg-gray-100:hover{background:#f3f4f6}
        .hover\:bg-gray-200:hover{background:#e5e7eb}
        .hover\:bg-red-50:hover{background:#fef2f2}
        .hover\:bg-white\/10:hover{background:rgba(255,255,255,.1)}
        .hover\:text-\[\#C8281A\]:hover{color:#C8281A}
        .hover\:text-\[\#F5A623\]:hover{color:#F5A623}
        .hover\:text-white:hover{color:#fff}
        .hover\:text-red-500:hover{color:#ef4444}
        .hover\:underline:hover{text-decoration:underline}
        .hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
        .active\:scale-95:active{transform:scale(.95)}
        .line-through{text-decoration:line-through}
        .object-contain{object-fit:contain}
        .overflow-hidden{overflow:hidden}
        .overflow-y-auto{overflow-y:auto}
        .shrink-0{flex-shrink:0}
        .flex-1{flex:1}
        .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
        .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
        .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
        .gap-4{gap:1rem}
        .gap-y-3{row-gap:.75rem}
        .space-y-4>*+*{margin-top:1rem}
        .cursor-pointer{cursor:pointer}
        @keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}
        .fade-in-up{animation:.6s ease-out forwards fadeInUp}
        .fade-in-up-d1{opacity:0;animation:.6s ease-out .1s forwards fadeInUp}
        .fade-in-up-d2{opacity:0;animation:.6s ease-out .2s forwards fadeInUp}
        .fade-in-up-d3{opacity:0;animation:.6s ease-out .3s forwards fadeInUp}
        .fade-in-up-d4{opacity:0;animation:.6s ease-out .4s forwards fadeInUp}
        @keyframes float{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(5deg)}66%{transform:translateY(-6px) rotate(-3deg)}}
        .float-anim{animation:4s ease-in-out infinite float}
        .float-anim-2{animation:5s ease-in-out 1s infinite float}
        .float-anim-3{animation:6s ease-in-out 2s infinite float}
        @keyframes floatSlow{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}
        .float-slow{animation:6s ease-in-out infinite floatSlow}
        @keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
        .pulse-badge{animation:1.5s ease-in-out infinite pulseBadge}
        @keyframes badgeFlash{0%,100%{background:#c8281a}50%{background:#f43}}
        .badge-flash{animation:2s ease-in-out infinite badgeFlash}
        @keyframes spin{100%{transform:rotate(360deg)}}
        .pizza-spin{transition:transform .4s}
        .menu-card:hover .pizza-spin{animation:8s linear infinite spin}
        @keyframes glowPulse{0%,100%{box-shadow:0 0 30px rgba(245,166,35,.3)}50%{box-shadow:0 0 60px rgba(245,166,35,.55)}}
        .glow-pulse{animation:3s ease-in-out infinite glowPulse}
        @keyframes textShimmer{0%{background-position:-200%}100%{background-position:200%}}
        .shimmer-text{background:linear-gradient(90deg,#c8281a 25%,#f5a623 50%,#c8281a 75%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite textShimmer}
        @keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
        .logo-wiggle:hover{animation:.5s ease-in-out wiggle}
        @keyframes marquee{0%{transform:translate(0)}100%{transform:translate(-50%)}}
        .marquee-track{white-space:nowrap;animation:22s linear infinite marquee;display:inline-flex}
        @keyframes markerPulse{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}
        .marker-ring{border:2px solid #C8281A;border-radius:50%;animation:1.8s ease-out infinite markerPulse;position:absolute;inset:-4px}
        @keyframes slideInRight{0%{opacity:0;transform:translate(100%)}100%{opacity:1;transform:translate(0)}}
        @keyframes slideOutRight{0%{opacity:1;transform:translate(0)}100%{opacity:0;transform:translate(100%)}}
        .cart-open{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slideInRight}
        .cart-close{animation:.3s ease-in forwards slideOutRight}
        @keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}100%{opacity:1;transform:scale(1)}}
        .bounce-in{animation:.5s cubic-bezier(.34,1.56,.64,1) bounceIn}
        @keyframes cartBump{0%{transform:scale(1)}30%{transform:scale(1.3) rotate(5deg)}60%{transform:scale(.9) rotate(-3deg)}100%{transform:scale(1)}}
        .cart-bump{animation:.4s cartBump}
        @keyframes fadeScale{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}
        .fade-scale{animation:.3s ease-out forwards fadeScale}
        @keyframes scrollToTop{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
        .scroll-top-btn{position:fixed;bottom:60px;right:30px;z-index:9999;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#C8281A,#e03526);color:#fff;border:none;box-shadow:0 4px 15px rgba(200,40,26,.4);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .3s;font-size:1.5rem;animation:scrollToTop .3s ease-out}
        .scroll-top-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(200,40,26,.6)}
        .scroll-top-btn.show{display:flex}
        .reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}
        .reveal.visible{opacity:1;transform:translateY(0)}
        .stagger-item{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(20px)}
        .stagger-item.visible{opacity:1;transform:translateY(0)}
        .btn-shine{background:linear-gradient(90deg,#c8281a 0,#e03526 40%,#ff6b5b 50%,#e03526 60%,#c8281a 100%) 0 0/200%;transition:background-position .5s}
        .btn-shine:hover{background-position:100%}
        .hero-slide{transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}
        .hero-slide.active{opacity:1;pointer-events:auto}
        .hero-slide.inactive{opacity:0;pointer-events:none}
        .hero-main-image{width:100%;height:auto;max-height:80vh;object-fit:contain;transition:transform .18s linear;filter:none!important;opacity:1!important;transform:scale(1);background:transparent!important;box-shadow:none!important}
        .hero-main-image.burger-img{transform:scale(0.9) translateX(-30px)}
        .float-icon{width:auto;height:auto;max-width:150px;max-height:150px;filter:none!important;opacity:1!important;transition:transform .15s ease-out;pointer-events:none;background:transparent!important}
        @media(min-width:768px){.float-icon{max-width:200px;max-height:200px}}
        @media(min-width:1024px){.float-icon{max-width:250px;max-height:250px}}
        .promo-floats{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden;z-index:1}
        .promo-float{position:absolute;width:auto;height:auto;max-width:150px;max-height:150px;opacity:1!important;filter:none!important;transition:transform .15s ease-out;background:transparent!important}
        @media(min-width:768px){.promo-float{max-width:200px;max-height:200px}}
        @media(min-width:1024px){.promo-float{max-width:250px;max-height:250px}}
        .menu-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;background:#fff;border-radius:1rem;overflow:hidden;border:1px solid #f3f4f6;display:flex;flex-direction:column}
        .menu-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px rgba(200,40,26,.15)}
        .card-img-wrap{border-radius:12px;overflow:hidden;padding:1rem;background:linear-gradient(to bottom right,#fff7ed,#fffbeb);aspect-ratio:1;position:relative}
        .card-img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
        .menu-card:hover .card-img-wrap img{transform:scale(1.08)}
        .badge-hit{position:absolute;top:.5rem;left:.5rem;background:#D4850A;color:#fff;font-size:.625rem;font-weight:800;padding:.25rem .75rem;border-radius:9999px;min-width:42px;text-align:center;line-height:1.4}
        .badge-new{position:absolute;top:.5rem;left:.5rem;background:#22c55e;color:#fff;font-size:.625rem;font-weight:800;padding:.25rem .75rem;border-radius:9999px;min-width:42px;text-align:center;line-height:1.4}
        .weight-badge{position:absolute;bottom:.5rem;right:.5rem;color:#6b7280;font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;background:rgba(255,255,255,.85)}
        .price-tag{background:linear-gradient(135deg,#1a1008,#2a1a0a);color:#fff;border-radius:999px;padding:.375rem .75rem;display:flex;align-items:baseline;gap:.25rem;transition:all .25s cubic-bezier(.34,1.56,.64,1)}
        .menu-card:hover .price-tag{background:linear-gradient(135deg,#c8281a,#e03526);transform:scale(1.05)}
        .add-btn-big{transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px rgba(200,40,26,.3);background:linear-gradient(135deg,#C8281A,#e03526);color:#fff;border-radius:9999px;padding:.5rem .75rem;display:flex;align-items:center;gap:.25rem;font-weight:700;font-size:.75rem;flex-shrink:0;height:2.25rem}
        .add-btn-big:hover{transform:scale(1.08);box-shadow:0 6px 22px rgba(200,40,26,.45)}
        .add-btn-big:active{transform:scale(.94)}
        .add-btn-big svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
        .add-btn-big:hover svg{transform:rotate(90deg)}
        #myCartDrawer{position:fixed;top:0;right:-500px;width:500px;max-width:100%;height:100%;background:#fff;z-index:1060;box-shadow:-8px 0 30px rgba(0,0,0,.15);transition:right .35s;display:flex;flex-direction:column;overflow-y:auto}
        #myCartDrawer.open{right:0}
        #myCartBackdrop{background:rgba(0,0,0,.6);position:fixed;inset:0;z-index:2000;backdrop-filter:blur(4px);display:none}
        #myCartBackdrop.show{display:block}
        .cart-btn{position:relative;display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#C8281A,#e03526);box-shadow:0 4px 14px rgba(200,40,26,.3);transition:all .25s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;margin-left:.5rem}
        .cart-btn:hover{transform:scale(1.05);box-shadow:0 6px 22px rgba(200,40,26,.45)}
        .cart-btn:active{transform:scale(.95)}
        .cart-badge{position:absolute;top:-.375rem;right:-.375rem;width:1.25rem;height:1.25rem;background:#D4850A;color:#fff;font-size:.625rem;font-weight:800;border-radius:9999px;display:none;align-items:center;justify-content:center;animation:pulseBadge 1.5s ease-in-out infinite}
        .cart-badge.show{display:flex}
        .form-input{border-radius:16px;border:1px solid #e5e7eb;padding:14px 16px;width:100%}
        .form-input:focus{outline:none;border-color:#E8622A}
        .cart-item{background:#fafafa;border-radius:16px;margin-bottom:16px;padding:16px;transition:all .3s}
        .cart-item:hover{background:#fff4e6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(200,40,26,.08)}
        .cart-item-image{width:70px;height:70px;object-fit:cover;border-radius:16px}
        .delivery-progress-bar{background:#f0f0f0;border-radius:30px;height:12px;overflow:hidden;margin:8px 0}
        .delivery-progress-fill{background:linear-gradient(90deg,#E8622A,#ff9a5e);width:0%;height:100%;border-radius:30px;transition:width .4s}
        .delivery-message{font-size:13px;font-weight:600;color:#E8622A;text-align:center;margin:6px 0 2px}
        .delivery-note{font-size:11px;color:#666;margin-top:4px;text-align:center;cursor:pointer;font-weight:700;text-decoration:underline;z-index:9999;position:relative;display:inline-block;width:100%}
        .delivery-note:hover{color:#E8622A}
        .coupon-applied{background:#e8f5e9;border:1px solid #4caf50;border-radius:12px;padding:10px;margin-top:8px;display:flex;justify-content:space-between;align-items:center}
        .remove-coupon{color:#f44336;font-size:12px;cursor:pointer;background:0;border:0}
        .agree-text{font-size:.75rem;color:#4b5563;line-height:1.4}
        .agree-text a{color:#2563eb;text-decoration:underline;cursor:pointer}
        .agree-text a:hover{color:#1d4ed8}
        .mobile-bar{box-shadow:0 -4px 20px rgba(0,0,0,.08)}
        .modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:1rem}
        .modal-overlay.show{display:flex}
        .modal-content{background:#fff;border-radius:1.5rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:99999}
        .modal-content::-webkit-scrollbar{width:4px}
        .modal-content::-webkit-scrollbar-thumb{background:#C8281A;border-radius:2px}
        .modal-close-btn{margin-top:2rem}
        
        /* ===== СТАТУС В МОБИЛЬНОЙ ПАНЕЛИ ===== */
        @keyframes statusPulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.15); }
        }
        .status-active .relative svg {
            animation: statusPulse 2s ease-in-out infinite;
        }
        .status-active .relative .animate-spin {
            animation-duration: 2s !important;
        }
        .status-active .relative .animate-pulse {
            animation-duration: 1.5s !important;
        }
        #mobileStatusDot {
            animation: statusDotPulse 1.5s ease-in-out infinite;
        }
        @keyframes statusDotPulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(1.3); }
        }
        
        /* ===== ОТСТУП МЕЖДУ КНОПКАМИ В МОБИЛЬНОЙ ПАНЕЛИ ===== */
        .mobile-bar .grid {
            gap: 2px;
        }
        .mobile-bar button, .mobile-bar a {
            min-width: 0;
            padding-left: 2px;
            padding-right: 2px;
        }
        @media (max-width: 400px) {
            .mobile-bar .text-[10px] {
                font-size: 8px !important;
            }
            .mobile-bar svg {
                width: 18px !important;
                height: 18px !important;
            }
        }
        
        @media(min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-col{flex-direction:column}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:inline{display:inline}.sm\:text-left{text-align:left}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
        @media(min-width:768px){.md\:order-last{order:9999}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex{display:flex}.md\:hidden{display:none}.md\:text-left{text-align:left}.md\:max-w-\[420px\]{max-width:420px}.md\:p-12{padding:3rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mb-0{margin-bottom:0}.md\:w-auto{width:auto}.md\:mr-4{margin-right:1rem}.md\:ml-4{margin-left:1rem}}
        @media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:pb-0{padding-bottom:0}.lg\:static{position:static}}
        .product-card .line-clamp-2{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;max-height:none!important;height:auto!important}
        .hero-buttons .btn-shine,.hero-buttons a{margin-right:.5rem}
        @media(min-width:768px){.hero-buttons .btn-shine,.hero-buttons a{margin-right:.75rem}}
        .logo-large{width:60px;height:auto;max-height:60px}
        @media(min-width:768px){.logo-large{width:80px;max-height:80px}}
        .footer-logo{width:70px;height:auto;max-height:70px}
        @media(min-width:768px){.footer-logo{width:90px;max-height:90px}}
        .filter-menu-hidden{display:none!important}
        #floatingCartBtnWrapper{display:none!important}
        html{scroll-behavior:smooth}
        #mobileMenu{background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,0.06);padding:20px 16px 30px}
        #mobileMenu .mobile-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
        #mobileMenu .mobile-menu-grid .mobile-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;border-radius:16px;background:#f5f5f5;font-size:13px;font-weight:600;color:#333;transition:all 0.2s;text-align:center;line-height:1.2;min-height:56px;border:1px solid transparent}
        #mobileMenu .mobile-menu-grid .mobile-menu-item:hover{background:#fee8e3;color:#C8281A;border-color:#C8281A}
        #mobileMenu .mobile-menu-grid .mobile-menu-item .menu-icon{font-size:20px;margin-bottom:4px}
        #mobileMenu .mobile-phone-row{display:flex;justify-content:center;padding-top:14px;border-top:1px solid rgba(0,0,0,0.06)}
        #mobileMenu .mobile-phone-row a{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#C8281A;color:#fff;border-radius:50px;font-weight:700;font-size:15px;transition:all 0.2s}
        #mobileMenu .mobile-phone-row a:hover{background:#a81f12;transform:scale(1.02)}
        @media(max-width:480px){#mobileMenu .mobile-menu-grid{grid-template-columns:repeat(3,1fr);gap:8px}#mobileMenu .mobile-menu-grid .mobile-menu-item{padding:10px 4px;font-size:12px;min-height:48px}}
    </style>
</head>
<body>
<!-- ===== ЖЕСТКИЙ СЕО-ТЕКСТ ДЛЯ ПОИСКОВИКОВ (СКРЫТ ОТ ПОЛЬЗОВАТЕЛЕЙ) ===== -->
<div class="seo-hidden" aria-hidden="true" role="presentation">
    <h1>Пицца Таганрог - РосиПомидоси</h1>
    <h2>Доставка пиццы в Таганроге</h2>
    <h3>Лучшая пицца в Таганроге</h3>
    <p>Закажите вкусную пиццу с доставкой на дом в Таганроге. Широкий выбор пиццы, бургеров, закусок и салатов. Быстрая доставка пиццы в Таганроге от 30 минут.</p>
    <p>Пицца Таганрог - это вкусно, сытно и недорого. Дровяная печь, свежие продукты, лучшие рецепты. РосиПомидоси - доставка пиццы и бургеров в Таганроге.</p>
    <p>Пицца в Таганроге с доставкой, заказ по телефону +7 (918) 500 01 33. Мы работаем ежедневно с 10:00 до 22:00.</p>
    <p>Три точки самовывоза в Таганроге: ул. Сызранова, 11, 1-й Новый пер., 20, пер. 1-й Крепостной, 17. Лучшие цены на пиццу в Таганроге, акции и скидки.</p>
    <p>Пицца Таганрог доставка - это быстро и удобно. Закажите пиццу онлайн на сайте или по телефону. Пицца в Таганроге от РосиПомидоси - гарантия качества и вкуса.</p>
    <p>Доставка пиццы Таганрог круглосуточно. Пицца на заказ Таганрог - большой выбор начинок и размеров. РосиПомидоси - лучшая пицца в Таганроге по отзывам клиентов.</p>
    <p>Пицца с доставкой Таганрог недорого. Акции на пиццу Таганрог. Семейные наборы пиццы Таганрог. Пицца из дровяной печи Таганрог. Бургеры с доставкой Таганрог.</p>
    <p>Заказать пиццу Таганрог на дом. Доставка пиццы Таганрог бесплатно от 2500 рублей. Пицца Таганрог отзывы. Рейтинг пиццерий Таганрог. РосиПомидоси отзывы.</p>
    <p>Пицца Таганрог меню. Пицца Таганрог цены. Пицца Таганрог доставка время. Пицца Таганрог самовывоз. Лучшая пицца Таганрог рейтинг. Где заказать пиццу Таганрог.</p>
    <ul>
        <li>Пицца Маргарита Таганрог</li>
        <li>Пицца Пепперони Таганрог</li>
        <li>Пицца Четыре сыра Таганрог</li>
        <li>Пицца Мясная Таганрог</li>
        <li>Пицца с курицей Таганрог</li>
        <li>Пицца с грибами Таганрог</li>
        <li>Пицца с морепродуктами Таганрог</li>
        <li>Пицца с ветчиной Таганрог</li>
    </ul>
    <p>Доставка пиццы Таганрог от РосиПомидоси - это всегда горячая и вкусная пицца. Мы используем только свежие ингредиенты и готовим по классическим рецептам.</p>
    <p>Пицца в Таганроге на заказ. Доставка пиццы в Таганроге недорого. Пицца в Таганроге с доставкой. Пицца в Таганроге от РосиПомидоси.</p>
</div>

<button id="scrollTopBtn" class="scroll-top-btn" aria-label="Наверх">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
</button>

<div id="privacyModal" class="modal-overlay">
    <div class="modal-content">
        <div class="flex justify-between items-center mb-4">
            <h3 class="text-2xl font-black text-gray-900">Политика конфиденциальности</h3>
            <button id="closePrivacyModal" class="text-2xl text-gray-400 hover:text-gray-600">&times;</button>
        </div>
        <div class="space-y-4 text-sm text-gray-600">
            <p class="font-bold">Политика конфиденциальности</p>
            <p>Настоящая политика конфиденциальности разработана в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и иными действующими нормативно-правовыми актами Российской Федерации. Настоящий документ регулирует правила сбора, хранения, передачи и защиты персональных данных пользователей нашего сайта.</p>
            <p class="font-bold mt-4">1. Общие положения</p>
            <p><span class="font-semibold">Цель документа:</span> Документ определяет принципы и условия обработки персональных данных клиентов и сотрудников нашей организации.</p>
            <p><span class="font-semibold">Термины и понятия:</span> Пользователь — физическое лицо, зарегистрированное на сайте либо обращающееся за услугами нашей организации. Клиент — лицо, приобретающее продукцию организации ИНДИВИДУАЛЬНЫЙ ПРЕДПРИНИМАТЕЛЬ РОЖКОВА СВЕТЛАНА АЛЕКСАНДРОВНА, ИНН: 615427444264, ОГРНИП: 326619600025791, юридический адрес: Ростовская область, г. Таганрог, ул. Шевченко, д: 5-2, кв.7). Обработка персональных данных — любое действие или совокупность действий, совершаемых с использованием автоматизированных средств или без использования таких средств, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.</p>
            <p class="font-bold mt-4">2. Перечень обрабатываемых персональных данных</p>
            <p><span class="font-semibold">Категории субъектов:</span> Клиенты: физические лица, заказывающие продукцию компании. Сотрудники: персонал компании, выполняющий работу в интересах организации.</p>
            <p><span class="font-semibold">Цели обработки:</span> Продажа продукции, выполнение обязательств перед клиентами, оказание поддержки клиентам, формирование отчетности, управление персоналом и кадрами.</p>
            <p><span class="font-semibold">Перечень персональных данных для клиентов:</span> ФИО, контактный телефон, адрес электронной почты, домашний адрес доставки, данные банковских карт (при оплате онлайн).</p>
            <p class="font-bold mt-4">3. Срок обработки и хранения персональных данных</p>
            <p>Срок обработки определяется сроком исполнения договоров, достижения целей, казанных услуг, требований нормативных актов, решением суда или необходимостью дальнейшего разрешения споров. После завершения указанных сроков персональные данные подлежат уничтожению.</p>
            <p class="font-bold mt-4">4. Порядок уничтожения персональных данных</p>
            <p>При наступлении условий прекращения обработки персональных данных компания обязана уничтожить их следующим образом: электронные носители — полное удаление данных путем перезаписи (для жестких дисков), очистки памяти устройства; бумажные носители — механическое измельчение документов, обеспечивающее невозможность восстановления данных.</p>
            <p class="font-bold mt-4">5. Права субъекта персональных данных</p>
            <p>Субъекты персональных данных имеют право: получать информацию о факте обработки их персональных данных; требовать исправления некорректных сведений; отзыв согласия на обработку персональных данных; запрашивать прекращение обработки персональных данных.</p>
            <p class="font-bold mt-4">6. Обязанности оператора персональных данных</p>
            <p>Компания обязуется: осуществлять обработку персональных данных исключительно в целях, предусмотренных настоящей политикой; применять организационные и технические меры по защите персональных данных; уведомлять уполномоченные органы о случаях утечки или неправомерного распространения персональных данных.</p>
            <p class="font-bold mt-4">7. Ответственность сторон</p>
            <p>Нарушение оператором положений настоящего документа влечет ответственность в соответствии с законодательством Российской Федерации, включая административную и уголовную ответственность.</p>
            <p class="font-bold mt-4">СОГЛАСИЕ НА ОБРАБОТКУ ПЕРСОНАЛЬНЫХ ДАННЫХ</p>
            <p>Пользователь, производя заказ (звонка, консультации, коммерческого предложения и прочее) на сайте (ресурсе) https://тасамаяпицца.рф/, принимает настоящее Согласие на обработку персональных данных (далее — Согласие).</p>
            <p>Принятием (акцептом) оферты Согласия является установка пользователем графического элемента в соответствующем поле (галочки) на сайте или предоставление персональных данных в формах обратной связи, размещенных на сайте. Пользователь дает свое согласие ИНДИВИДУАЛЬНЫЙ ПРЕДПРИНИМАТЕЛЬ РОЖКОВА СВЕТЛАНА АЛЕКСАНДРОВНА, ИНН: 615427444264, ОГРНИП: 326619600025791, юридический адрес: Ростовская область, г. Таганрог, ул. Шевченко, д: 5-2, кв.7), которому принадлежит вышеуказанный ресурс на обработку своих персональных данных со следующими условиями:</p>
            <ul class="list-disc pl-5 space-y-1 mt-2">
                <li>Данное Согласие дается на обработку персональных данных как без, так и с использованием средств автоматизации.</li>
                <li>Согласие на обработку персональных данных Пользователя дается только и исключительно с целью использования для информирования о заказанных товарах и услугах, а также для ответов на обращения Пользователя через форму обратной связи на сайтах.</li>
                <li>Основанием для обработки персональных данных являются: Ст. 24 Конституции Российской Федерации; ст. 6 Федерального закона №152-ФЗ «О персональных данных».</li>
                <li>В ходе обработки с персональными данными будут совершены следующие действия: сбор, запись, систематизация, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передача (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение — все упомянутые варианты только в целях, указанных в п. 2 настоящего Согласия.</li>
                <li>Передача персональных данных третьим лицам осуществляется на основании законодательства Российской Федерации, договора с участием субъекта персональных данных или с его согласия.</li>
                <li>Персональные данные обрабатываются по достижению целей обработки персональных данных. Также обработка может быть прекращена по запросу субъекта персональных данных. Хранение персональных данных, зафиксированных на бумажных носителях, осуществляется согласно Федеральному закону № 125-ФЗ «Об архивном деле в Российской Федерации» и иным нормативно-правовым актам в области архивного дела и архивного хранения.</li>
                <li>Согласие может быть отозвано субъектом персональных данных или его представителем путем направления письменного заявления по адресу, указанному в начале данного Согласия.</li>
                <li>В случае отзыва субъектом персональных данных или его представителем Согласия на обработку персональных данных, компания вправе продолжить обработку без разрешения субъекта персональных данных при наличии оснований, указанных в пунктах 2 — 11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона №152-ФЗ «О персональных данных» от 26.06.2006 г.</li>
                <li>Настоящее Согласие действует все время до момента прекращения обработки персональных данных по причинам, указанным в п. 9 данного документа.</li>
            </ul>
        </div>
        <button id="closePrivacyModalBtn" class="modal-close-btn w-full btn-shine text-white font-bold py-3 rounded-xl text-sm transition-all hover:scale-[1.02] active:scale-95">Закрыть</button>
    </div>
</div>

<div id="deliveryModal" class="modal-overlay">
    <div class="modal-content">
        <div class="flex justify-between items-center mb-4">
            <h3 class="text-2xl font-black text-gray-900">🚚 О стоимости доставки</h3>
            <button id="closeDeliveryModal" class="text-2xl text-gray-400 hover:text-gray-600">&times;</button>
        </div>
        <div class="text-sm text-gray-600 space-y-4">
            <p>В связи с изменением в ценообразовании курьерской службы, стоимость доставки может быть изменена в зависимости от удаленности адреса.</p>
            <p>Точную стоимость доставки вы можете уточнить у нашего оператора при оформлении заказа. Стоимость доставки за пределы Таганрога рассчитывается и оплачивается самостоятельно за счет заказчика.</p>
            <p class="font-bold text-[#C8281A]">Мы всегда стараемся предложить вам лучшие условия!</p>
        </div>
        <button id="closeDeliveryModalBtn" class="modal-close-btn w-full btn-shine text-white font-bold py-3 rounded-xl text-sm transition-all hover:scale-[1.02] active:scale-95">Закрыть</button>
    </div>
</div>

<!-- ===== МОДАЛКА СТАТУСА ЗАКАЗА (ВСПЛЫВАЮЩЕЕ ОКНО) ===== -->
<div id="orderStatusModal" class="modal-overlay">
    <div class="modal-content" style="max-width:500px;">
        <div class="flex justify-between items-center mb-4">
            <h3 class="text-2xl font-black text-gray-900" id="orderStatusTitle">📦 Статус заказа</h3>
            <button id="closeOrderStatusModal" class="text-2xl text-gray-400 hover:text-gray-600">&times;</button>
        </div>
        <div id="orderStatusContent">
            <div class="text-center py-8">
                <div class="inline-block animate-spin rounded-full h-8 w-8 border-3 border-orange-500 border-t-transparent"></div>
                <p class="text-gray-400 text-sm mt-3">Загрузка статуса...</p>
            </div>
        </div>
        <div class="mt-4 flex flex-col gap-2">
            <button id="refreshOrderStatusBtn" class="btn-orange w-full py-2.5 rounded-xl font-bold text-sm">🔄 Обновить статус</button>
            <a href="/" class="w-full py-2.5 rounded-xl font-bold text-sm text-center bg-gray-200 hover:bg-gray-300 transition text-gray-700">🍕 В меню</a>
            <a href="tel:+79185000133" class="w-full py-2.5 rounded-xl font-bold text-sm text-center bg-white border border-gray-300 hover:bg-gray-50 transition text-[#E8622A]">📞 Связаться с нами</a>
        </div>
    </div>
</div>


<header class="fixed left-0 right-0 top-0 z-40 bg-white shadow-md border-b border-gray-100 transition-all duration-300">
    <div class="max-w-7xl mx-auto px-4 sm:px-8 h-16 flex items-center justify-between gap-4">
        <div class="flex items-center logo-wiggle shrink-0">
            <img src="/index_files/logo.png" alt="РосиПомидоси" class="logo-large object-contain">
        </div>
        <nav class="hidden lg:flex items-center gap-1">
                                            <button class="category-nav-btn px-3 py-1.5 rounded-lg text-sm font-semibold transition-all text-gray-700 hover:text-[#C8281A] hover:bg-red-50" data-category="all">Всё меню</button>
                                            <button class="category-nav-btn px-3 py-1.5 rounded-lg text-sm font-semibold transition-all text-gray-700 hover:text-[#C8281A] hover:bg-red-50" data-category="pizza">Пицца</button>
                                            <button class="category-nav-btn px-3 py-1.5 rounded-lg text-sm font-semibold transition-all text-gray-700 hover:text-[#C8281A] hover:bg-red-50" data-category="burgers">Бургеры</button>
                                            <button class="category-nav-btn px-3 py-1.5 rounded-lg text-sm font-semibold transition-all text-gray-700 hover:text-[#C8281A] hover:bg-red-50" data-category="snacks">Закуски</button>
                                            <button class="category-nav-btn px-3 py-1.5 rounded-lg text-sm font-semibold transition-all text-gray-700 hover:text-[#C8281A] hover:bg-red-50" data-category="salads">Салаты</button>
                                        <a href="#contacts" class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-all text-gray-700 hover:text-[#C8281A] hover:bg-red-50">Контакты</a>
        </nav>
        <div class="flex items-center gap-2.5">
            <a href="tel:+79185000133" class="hidden md:flex items-center gap-1.5 text-sm font-bold text-gray-800 hover:text-[#C8281A] transition-colors whitespace-nowrap md:mr-4">
                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                <span>+7 (918) 500 01 33</span>
            </a>
            <button id="openMyCart" class="cart-btn">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                <span class="hidden sm:inline">Корзина</span>
                <span id="headerCartCount" class="cart-badge">0</span>
            </button>
            <button id="showOrderStatusBtn" class="hidden md:flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-semibold transition-all bg-gray-100 hover:bg-gray-200 text-gray-700" title="Статус заказа">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                Статус
            </button>
            <button id="mobileMenuToggle" class="lg:hidden p-2 rounded-lg text-gray-800 hover:bg-gray-100 transition-colors">
                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="18" x2="20" y2="18"/></svg>
            </button>
        </div>
    </div>
    <div id="mobileMenu" class="lg:hidden hidden">
        <div class="mobile-menu-grid">
                                            <button class="mobile-menu-item category-mobile-btn" data-category="all">
                    <span class="menu-icon">🍽️</span>
                    Всё меню                </button>
                                            <button class="mobile-menu-item category-mobile-btn" data-category="pizza">
                    <span class="menu-icon">🍕</span>
                    Пицца                </button>
                                            <button class="mobile-menu-item category-mobile-btn" data-category="burgers">
                    <span class="menu-icon">🍔</span>
                    Бургеры                </button>
                                            <button class="mobile-menu-item category-mobile-btn" data-category="snacks">
                    <span class="menu-icon">🍟</span>
                    Закуски                </button>
                                            <button class="mobile-menu-item category-mobile-btn" data-category="salads">
                    <span class="menu-icon">🥗</span>
                    Салаты                </button>
                                    </div>
        <div class="mobile-phone-row">
            <a href="tel:+79185000133">📞 +7 (918) 500 01 33</a>
        </div>
    </div>
</header>

<!-- ===== HERO СЛАЙДЫ ===== -->
<section id="hero" class="relative overflow-hidden" style="min-height:100vh;">
        <div class="hero-slide active" style="background:#fff3e0; min-height:100vh;">
        <div class="max-w-7xl mx-auto px-6 sm:px-10 flex items-center" style="min-height:100vh;">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 items-center w-full pt-24 pb-20">
                <div class="relative z-10 text-center md:text-left">
                    <div class="inline-flex items-center gap-2 bg-white/80 backdrop-blur-sm rounded-full px-4 py-1.5 mb-5 text-xs font-bold text-gray-600 shadow-sm fade-in-up">🔥 Хит продаж<span class="w-1.5 h-1.5 rounded-full bg-green-500"></span>г. Таганрог</div>
                    <h1 class="font-black mb-4 fade-in-up-d1 leading-[0.45] mt-33 pb-14" style="font-size:clamp(2.6rem, 6.5vw, 5rem); color:#1a1008; white-space:pre-line;">ВКУС,<br />
КОТОРЫЙ<br />
РЯДОМ</h1>
                    <p class="text-gray-500 text-[15px] mb-7 max-w-sm mx-auto md:mx-0 leading-relaxed fade-in-up-d2 pb-19">Пицца из дровяной печи и сочные бургеры с доставкой по Таганрогу</p>
                    <div class="hero-buttons flex flex-wrap gap-3 justify-start fade-in-up-d3">
                        <button class="btn-shine text-white font-bold px-7 py-3.5 rounded-full shadow-lg hover:shadow-xl transition-all hover:scale-105 active:scale-95 text-sm" onclick="document.getElementById('menu').scrollIntoView({behavior:'smooth'})">Смотреть меню</button>
                        <a href="#delivery" class="bg-white text-gray-800 font-bold px-7 py-3.5 rounded-full border border-gray-200 hover:border-[#C8281A] hover:text-[#C8281A] transition-all hover:scale-105 text-sm">Доставка и оплата</a>
                    </div>
                    <div class="flex gap-8 mt-9 justify-start fade-in-up-d4">
                        <div><div class="font-black text-xl" style="color:#C8281A;">30 мин</div><div class="text-xs text-gray-400 font-medium">Доставка</div></div>
                        <div><div class="font-black text-xl" style="color:#C8281A;">4.9 ★</div><div class="text-xs text-gray-400 font-medium">Рейтинг</div></div>
                        <div><div class="font-black text-xl" style="color:#C8281A;">3 точки</div><div class="text-xs text-gray-400 font-medium">Таганрог</div></div>
                    </div>
                </div>
                <div class="relative flex items-center justify-center order-first md:order-last" id="heroImageContainer">
                    <div class="relative w-full max-w-2xl" id="heroImageWrapper">
                        <div style="display:none;"></div>
                        <img src="/pzzz.png" alt="" class="hero-main-image " id="heroImage" style="background:transparent !important; box-shadow:none !important;">
                    </div>
                                        <div class="absolute top-1/4 left-4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0s; z-index:1; background:transparent !important;">
                        <img src="/effect-1.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-1/3 right-4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.05s; z-index:2; background:transparent !important;">
                        <img src="/effect-2.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-2/3 left-8 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.1s; z-index:3; background:transparent !important;">
                        <img src="/effect-3.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute bottom-1/3 right-8 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.15s; z-index:1; background:transparent !important;">
                        <img src="/effect-4.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                    </div>
            </div>
        </div>
    </div>
        <div class="hero-slide inactive" style="background:#fff6e0; min-height:100vh;">
        <div class="max-w-7xl mx-auto px-6 sm:px-10 flex items-center" style="min-height:100vh;">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 items-center w-full pt-24 pb-20">
                <div class="relative z-10 text-center md:text-left">
                    <div class="inline-flex items-center gap-2 bg-white/80 backdrop-blur-sm rounded-full px-4 py-1.5 mb-5 text-xs font-bold text-gray-600 shadow-sm fade-in-up">🍔 Сочные<span class="w-1.5 h-1.5 rounded-full bg-green-500"></span>г. Таганрог</div>
                    <h1 class="font-black mb-4 fade-in-up-d1 leading-[0.45] mt-33 pb-14" style="font-size:clamp(2.6rem, 6.5vw, 5rem); color:#1a1008; white-space:pre-line;">СОЧНЫЕ<br />
БУРГЕРЫ<br />
К ТЕБЕ</h1>
                    <p class="text-gray-500 text-[15px] mb-7 max-w-sm mx-auto md:mx-0 leading-relaxed fade-in-up-d2 pb-19">Двойная котлета, чеддер и гауда, фирменные соусы каждый день</p>
                    <div class="hero-buttons flex flex-wrap gap-3 justify-start fade-in-up-d3">
                        <button class="btn-shine text-white font-bold px-7 py-3.5 rounded-full shadow-lg hover:shadow-xl transition-all hover:scale-105 active:scale-95 text-sm" onclick="document.getElementById('menu').scrollIntoView({behavior:'smooth'})">Смотреть меню</button>
                        <a href="#delivery" class="bg-white text-gray-800 font-bold px-7 py-3.5 rounded-full border border-gray-200 hover:border-[#C8281A] hover:text-[#C8281A] transition-all hover:scale-105 text-sm">Доставка и оплата</a>
                    </div>
                    <div class="flex gap-8 mt-9 justify-start fade-in-up-d4">
                        <div><div class="font-black text-xl" style="color:#D4850A;">30 мин</div><div class="text-xs text-gray-400 font-medium">Доставка</div></div>
                        <div><div class="font-black text-xl" style="color:#D4850A;">4.9 ★</div><div class="text-xs text-gray-400 font-medium">Рейтинг</div></div>
                        <div><div class="font-black text-xl" style="color:#D4850A;">3 точки</div><div class="text-xs text-gray-400 font-medium">Таганрог</div></div>
                    </div>
                </div>
                <div class="relative flex items-center justify-center order-first md:order-last" id="heroImageContainer">
                    <div class="relative w-full max-w-2xl" id="heroImageWrapper">
                        <div style="display:none;"></div>
                        <img src="/burgerzzz.png" alt="" class="hero-main-image burger-img" id="heroImage" style="background:transparent !important; box-shadow:none !important;">
                    </div>
                                        <div class="absolute top-1/4 left-4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0s; z-index:1; background:transparent !important;">
                        <img src="/effect-5.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-1/3 right-4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.05s; z-index:2; background:transparent !important;">
                        <img src="/effect-6.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-2/3 left-8 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.1s; z-index:3; background:transparent !important;">
                        <img src="/effect-7.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute bottom-1/3 right-8 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.15s; z-index:1; background:transparent !important;">
                        <img src="/effect-8.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-1/4 right-1/4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.2s; z-index:2; background:transparent !important;">
                        <img src="/effect-1.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute bottom-1/4 left-1/4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.25s; z-index:3; background:transparent !important;">
                        <img src="/effect-2.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-3/4 left-1/3 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.3s; z-index:1; background:transparent !important;">
                        <img src="/effect-3.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                    </div>
            </div>
        </div>
    </div>
        <div class="hero-slide inactive" style="background:#f0fff0; min-height:100vh;">
        <div class="max-w-7xl mx-auto px-6 sm:px-10 flex items-center" style="min-height:100vh;">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 items-center w-full pt-24 pb-20">
                <div class="relative z-10 text-center md:text-left">
                    <div class="inline-flex items-center gap-2 bg-white/80 backdrop-blur-sm rounded-full px-4 py-1.5 mb-5 text-xs font-bold text-gray-600 shadow-sm fade-in-up">🥗 Свежее<span class="w-1.5 h-1.5 rounded-full bg-green-500"></span>г. Таганрог</div>
                    <h1 class="font-black mb-4 fade-in-up-d1 leading-[0.45] mt-33 pb-14" style="font-size:clamp(2.6rem, 6.5vw, 5rem); color:#1a1008; white-space:pre-line;">ЗАКУСКИ<br />
И САЛАТЫ<br />
К СТОЛУ</h1>
                    <p class="text-gray-500 text-[15px] mb-7 max-w-sm mx-auto md:mx-0 leading-relaxed fade-in-up-d2 pb-19">Хрустящие закуски и свежие салаты — идеальное дополнение</p>
                    <div class="hero-buttons flex flex-wrap gap-3 justify-start fade-in-up-d3">
                        <button class="btn-shine text-white font-bold px-7 py-3.5 rounded-full shadow-lg hover:shadow-xl transition-all hover:scale-105 active:scale-95 text-sm" onclick="document.getElementById('menu').scrollIntoView({behavior:'smooth'})">Смотреть меню</button>
                        <a href="#delivery" class="bg-white text-gray-800 font-bold px-7 py-3.5 rounded-full border border-gray-200 hover:border-[#C8281A] hover:text-[#C8281A] transition-all hover:scale-105 text-sm">Доставка и оплата</a>
                    </div>
                    <div class="flex gap-8 mt-9 justify-start fade-in-up-d4">
                        <div><div class="font-black text-xl" style="color:#1e7e34;">30 мин</div><div class="text-xs text-gray-400 font-medium">Доставка</div></div>
                        <div><div class="font-black text-xl" style="color:#1e7e34;">4.9 ★</div><div class="text-xs text-gray-400 font-medium">Рейтинг</div></div>
                        <div><div class="font-black text-xl" style="color:#1e7e34;">3 точки</div><div class="text-xs text-gray-400 font-medium">Таганрог</div></div>
                    </div>
                </div>
                <div class="relative flex items-center justify-center order-first md:order-last" id="heroImageContainer">
                    <div class="relative w-full max-w-2xl" id="heroImageWrapper">
                        <div style="display:none;"></div>
                        <img src="/saladzzz.png" alt="" class="hero-main-image " id="heroImage" style="background:transparent !important; box-shadow:none !important;">
                    </div>
                                        <div class="absolute top-1/4 left-4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0s; z-index:1; background:transparent !important;">
                        <img src="/effect-9.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-1/3 right-4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.05s; z-index:2; background:transparent !important;">
                        <img src="/effect-10.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-2/3 left-8 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.1s; z-index:3; background:transparent !important;">
                        <img src="/effect-11.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute bottom-1/3 right-8 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.15s; z-index:1; background:transparent !important;">
                        <img src="/effect-12.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-1/4 right-1/4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.2s; z-index:2; background:transparent !important;">
                        <img src="/effect-13.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute bottom-1/4 left-1/4 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.25s; z-index:3; background:transparent !important;">
                        <img src="/effect-5.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute top-3/4 left-1/3 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.3s; z-index:1; background:transparent !important;">
                        <img src="/effect-6.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                        <div class="absolute bottom-2/3 right-1/3 float-anim select-none hero-float" style="transition:transform 0.15s ease-out 0.35s; z-index:2; background:transparent !important;">
                        <img src="/effect-7.png" alt="" class="float-icon" style="background:transparent !important; box-shadow:none !important; width:auto; height:auto; max-width:150px; max-height:150px;">
                    </div>
                                    </div>
            </div>
        </div>
    </div>
        <div class="absolute bottom-20 sm:bottom-8 left-1/2 -translate-x-1/2 flex gap-2 z-20">
                <button class="hero-dot rounded-full transition-all duration-300 w-7 h-2.5 bg-[#C8281A]" data-slide="0"></button>
                <button class="hero-dot rounded-full transition-all duration-300 w-2.5 h-2.5 bg-gray-400/50 hover:bg-gray-500/70" data-slide="1"></button>
                <button class="hero-dot rounded-full transition-all duration-300 w-2.5 h-2.5 bg-gray-400/50 hover:bg-gray-500/70" data-slide="2"></button>
            </div>
</section>

<!-- ===== МАРКИ ===== -->
<div class="bg-[#1a1008] text-white py-3 overflow-hidden">
    <div class="marquee-track">
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🍕 Дровяная печь</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🚀 Доставка от 30 мин</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🧀 Только свежие продукты</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🎁 Акции каждую неделю</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🔥 3 точки в Таганроге</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">⭐ Рейтинг 4.9</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🍕 Дровяная печь</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🚀 Доставка от 30 мин</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🧀 Только свежие продукты</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🎁 Акции каждую неделю</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">🔥 3 точки в Таганроге</span>
        <span class="mx-6 text-sm font-bold tracking-wide text-white/90">⭐ Рейтинг 4.9</span>
    </div>
</div>

<!-- ===== ПРЕИМУЩЕСТВА ===== -->
<div class="bg-white border-b border-gray-100 py-6">
    <div class="max-w-7xl mx-auto px-6 grid grid-cols-2 md:grid-cols-4 gap-5">
                <div class="reveal flex items-center gap-3">
            <div class="w-11 h-11 rounded-2xl bg-gradient-to-br from-red-50 to-orange-50 flex items-center justify-center shrink-0">
                <svg class="text-[#C8281A]" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <path d="M7 20h10"/><path d="M10 20c5.5-2.5.8-6.4 3-10"/><path d="M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z"/><path d="M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z"/>
                                    </svg>
            </div>
            <div>
                <div class="font-bold text-sm text-gray-800">Свежие продукты</div>
                <div class="text-xs text-gray-400">Качество в каждой детали</div>
            </div>
        </div>
                <div class="reveal flex items-center gap-3">
            <div class="w-11 h-11 rounded-2xl bg-gradient-to-br from-red-50 to-orange-50 flex items-center justify-center shrink-0">
                <svg class="text-[#C8281A]" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"/><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"/>
                                    </svg>
            </div>
            <div>
                <div class="font-bold text-sm text-gray-800">Удобная оплата</div>
                <div class="text-xs text-gray-400">Картой онлайн</div>
            </div>
        </div>
                <div class="reveal flex items-center gap-3">
            <div class="w-11 h-11 rounded-2xl bg-gradient-to-br from-red-50 to-orange-50 flex items-center justify-center shrink-0">
                <svg class="text-[#C8281A]" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/>
                                    </svg>
            </div>
            <div>
                <div class="font-bold text-sm text-gray-800">Акции и подарки</div>
                <div class="text-xs text-gray-400">Каждую неделю</div>
            </div>
        </div>
                <div class="reveal flex items-center gap-3">
            <div class="w-11 h-11 rounded-2xl bg-gradient-to-br from-red-50 to-orange-50 flex items-center justify-center shrink-0">
                <svg class="text-[#C8281A]" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/>
                                    </svg>
            </div>
            <div>
                <div class="font-bold text-sm text-gray-800">Высокий рейтинг</div>
                <div class="text-xs text-gray-400">4.9 ★ на Яндексе</div>
            </div>
        </div>
            </div>
</div>

<!-- ===== МЕНЮ ===== -->
<section id="menu" class="py-14 bg-[#faf9f7]">
    <div class="max-w-7xl mx-auto px-4 sm:px-6">
        <h2 class="font-black text-gray-900 mb-1" style="font-size:clamp(1.8rem,3.5vw,2.6rem);">Наше меню</h2>
        <p class="text-gray-400 text-sm mb-6">Пицца из дровяной печи, бургеры, закуски и салаты</p>
        <div id="productGrid" class="grid grid-cols-2 lg:grid-cols-4 gap-4">
                                    <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323351d7923.png" alt="Пицца - Четыре сезона" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Четыре сезона</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, моцарелла, шампиньоны, ветчина, артишоки, маслины, оливки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="1" data-name="Пицца - Четыре сезона" data-price="800" data-image="/uploads/products/6a323351d7923.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323389c9f1c.png" alt="Пицца - Груша и горгондзола" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-new">Новинка</span>
                                                            <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Груша и горгондзола</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, груша, сыр горгондзола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="2" data-name="Пицца - Груша и горгондзола" data-price="800" data-image="/uploads/products/6a323389c9f1c.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3233a42128c.png" alt="Пицца - Пепперони" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Пепперони</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла, пепперони, оливки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">700</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="3" data-name="Пицца - Пепперони" data-price="700" data-image="/uploads/products/6a3233a42128c.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3233bf33a6f.png" alt="Пицца - Ветчина и сливочный сыр" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина и сливочный сыр</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, ветчина, сливочный сыр</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="4" data-name="Пицца - Ветчина и сливочный сыр" data-price="800" data-image="/uploads/products/6a3233bf33a6f.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3233c8791e8.png" alt="Пицца - 4 сыра" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - 4 сыра</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, сыр горгондзола, сливочный сыр, сыр пармезан</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">850</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="5" data-name="Пицца - 4 сыра" data-price="850" data-image="/uploads/products/6a3233c8791e8.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3233d7181a3.png" alt="Пицца - Ветчина с грибами" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина с грибами</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, ветчина, шампиньоны</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="6" data-name="Пицца - Ветчина с грибами" data-price="750" data-image="/uploads/products/6a3233d7181a3.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3233e77c211.png" alt="Пицца - Креветка" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Креветка</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла, креветки, конкассе из томатов, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 000</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="7" data-name="Пицца - Креветка" data-price="1000" data-image="/uploads/products/6a3233e77c211.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3234628f3a8.png" alt="Пицца - Белые грибы с беконом" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Белые грибы с беконом</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, белый гриб, бекон, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 050</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="8" data-name="Пицца - Белые грибы с беконом" data-price="1050" data-image="/uploads/products/6a3234628f3a8.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323474b92dc.png" alt="Пицца - Пармская ветчина" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">460 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Пармская ветчина</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, моцарелла, пармская ветчина, рукола, сыр Пармезан</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 000</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="9" data-name="Пицца - Пармская ветчина" data-price="1000" data-image="/uploads/products/6a323474b92dc.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323481cca08.png" alt="Пицца - Сёмга" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Сёмга</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, семга, конкассе из томатов, соус песто, сливочный сыр</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 400</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="10" data-name="Пицца - Сёмга" data-price="1400" data-image="/uploads/products/6a323481cca08.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3234c128f16.png" alt="Пицца - По-неаполитански" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">460 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - По-неаполитански</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла, охотничьи колбаски, перец болгарский, маслины, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="11" data-name="Пицца - По-неаполитански" data-price="800" data-image="/uploads/products/6a3234c128f16.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3234cf5006b.png" alt="Пицца - Тартуфа" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Тартуфа</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус трюфельный, сыр моцарелла, белый гриб, шампиньоны, вешка</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">900</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="12" data-name="Пицца - Тартуфа" data-price="900" data-image="/uploads/products/6a3234cf5006b.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3234db77e7c.png" alt="Пицца - Маргарита" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">390 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Маргарита</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">550</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="13" data-name="Пицца - Маргарита" data-price="550" data-image="/uploads/products/6a3234db77e7c.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3234e92accf.png" alt="Пицца - Курица и ананас" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">500 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Курица и ананас</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, курица, ананас</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="14" data-name="Пицца - Курица и ананас" data-price="800" data-image="/uploads/products/6a3234e92accf.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3234f6732b8.png" alt="Пицца - Бекон-колбаски" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Бекон-колбаски</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла, пепперони, бекон, колбаска охотничья, перец болгарский, оливки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="15" data-name="Пицца - Бекон-колбаски" data-price="800" data-image="/uploads/products/6a3234f6732b8.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32356a81b06.png" alt="Пицца - Мясная" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">500 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Мясная</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, сыр моцарелла, болгарский перец, курица, бекон, ветчина, вешенка</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">950</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="16" data-name="Пицца - Мясная" data-price="950" data-image="/uploads/products/6a32356a81b06.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32357c55a31.png" alt="Пицца - Томлёная свинина" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Томлёная свинина</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, сыр моцарелла, свинина, корнишоны, соус барбекю, вяленые томаты</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">980</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="17" data-name="Пицца - Томлёная свинина" data-price="980" data-image="/uploads/products/6a32357c55a31.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32358a402a0.png" alt="Пицца - 5 сыров" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">500 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - 5 сыров</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, моцарелла, сыр Камамбер, сыр Пармезан, сыр Горгондзола, сыр Сливочный, фисташки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 100</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="18" data-name="Пицца - 5 сыров" data-price="1100" data-image="/uploads/products/6a32358a402a0.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32359b526e0.png" alt="Пицца - Морепродукты" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Морепродукты</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла, креветки, мидии, кальмар</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 000</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="19" data-name="Пицца - Морепродукты" data-price="1000" data-image="/uploads/products/6a32359b526e0.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3235aa63c1b.png" alt="Пицца - Ветчина со сливками" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">460 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина со сливками</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Ветчина, сыр моцарелла, сливки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">700</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="20" data-name="Пицца - Ветчина со сливками" data-price="700" data-image="/uploads/products/6a3235aa63c1b.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3235c63fbbc.png" alt="Пицца - Курица-Бекон" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Курица-Бекон</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, курица, бекон, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="21" data-name="Пицца - Курица-Бекон" data-price="800" data-image="/uploads/products/6a3235c63fbbc.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3235ef505f4.png" alt="Пицца - Ветчина и пепперони" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина и пепперони</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла, пепперони, ветчина, оливки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="22" data-name="Пицца - Ветчина и пепперони" data-price="750" data-image="/uploads/products/6a3235ef505f4.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32360d3382f.png" alt="Пицца - Курица-вешка" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Курица-вешка</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, курица, вешка, сливочный сыр, конкассе из томатов</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="23" data-name="Пицца - Курица-вешка" data-price="750" data-image="/uploads/products/6a32360d3382f.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32361be4906.png" alt="Пицца - Итальянская" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-new">Новинка</span>
                                                            <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Итальянская</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, сыр моцарелла, черри, страчателла, масло оливковое, песто</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="24" data-name="Пицца - Итальянская" data-price="800" data-image="/uploads/products/6a32361be4906.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3236990bcf6.png" alt="Пицца - Пепперони-Черри" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Пепперони-Черри</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, сыр моцарелла, пепперони, черри, песто</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="25" data-name="Пицца - Пепперони-Черри" data-price="800" data-image="/uploads/products/6a3236990bcf6.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3236a969ac1.png" alt="Пицца - Вегетарианская" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">500 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Вегетарианская</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, сыр моцарелла, перец болгарский, спаржа, помидор, вешка, песто</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="26" data-name="Пицца - Вегетарианская" data-price="800" data-image="/uploads/products/6a3236a969ac1.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3236e980ff8.png" alt="Пицца - Кальцоне" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Кальцоне</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, шампиньоны, сыр моцарелла, ветчина, каперсы</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="27" data-name="Пицца - Кальцоне" data-price="750" data-image="/uploads/products/6a3236e980ff8.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237064aa7e.png" alt="Пицца - Ветчина-сыр" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина-сыр</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр моцарелла, ветчина, сыр камамбер, сыр горгондзола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">900</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="28" data-name="Пицца - Ветчина-сыр" data-price="900" data-image="/uploads/products/6a3237064aa7e.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237186c115.png" alt="Хот-дог Неаполитано" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">250 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Хот-дог Неаполитано</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, сыр моцарелла, сосиска, бекон, медовая заправка, кетчуп, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">420</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="29" data-name="Хот-дог Неаполитано" data-price="420" data-image="/uploads/products/6a3237186c115.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323728ae465.png" alt="Пицца - Ветчина халапеньо" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина халапеньо</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр Моцарелла, ветчина, шампиньоны, лук красный, халапеньо</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="30" data-name="Пицца - Ветчина халапеньо" data-price="800" data-image="/uploads/products/6a323728ae465.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32373ee1cd8.png" alt="Пицца - Чизбургер" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Чизбургер</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, Моцарелла, фарш говяжий, огурец соленый, сыр Чеддер, лук красный, помидор</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 100</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="31" data-name="Пицца - Чизбургер" data-price="1100" data-image="/uploads/products/6a32373ee1cd8.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32374fb6291.png" alt="Пицца - Пепперони и сыр" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Пепперони и сыр</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, сыр Моцарелла, пепперони, сливочный сыр, лук красный, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="32" data-name="Пицца - Пепперони и сыр" data-price="750" data-image="/uploads/products/6a32374fb6291.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237983066c.png" alt="Пицца - Бекон артишоки" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Бекон артишоки</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр Моцарелла, бекон, перец болгарский, артишоки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 000</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="33" data-name="Пицца - Бекон артишоки" data-price="1000" data-image="/uploads/products/6a3237983066c.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237a6d680a.png" alt="Пицца - Белые грибы и креветка" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Белые грибы и креветка</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр Моцарелла, креветка, белые грибы, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 100</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="34" data-name="Пицца - Белые грибы и креветка" data-price="1100" data-image="/uploads/products/6a3237a6d680a.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237b4a364e.png" alt="Пицца - Парма и персик" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-new">Новинка</span>
                                                            <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Парма и персик</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, моцарелла, пармская ветчина, персик, сыр Камамбер, халапеньо, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 100</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="35" data-name="Пицца - Парма и персик" data-price="1100" data-image="/uploads/products/6a3237b4a364e.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237c29a032.png" alt="Пицца -  Креветка и рикотта" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца -  Креветка и рикотта</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, сыр Моцарелла, конкассе, спаржа, креветка, лук красный, сыр Рикотта</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 200</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="36" data-name="Пицца -  Креветка и рикотта" data-price="1200" data-image="/uploads/products/6a3237c29a032.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237d3953aa.png" alt="Пицца - Хот-дог с овощами" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Хот-дог с овощами</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, моцарелла, перец болгарский, варено-копченая колбаска, огурец соленый, лук красный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="37" data-name="Пицца - Хот-дог с овощами" data-price="750" data-image="/uploads/products/6a3237d3953aa.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3237f1396a9.png" alt="Пицца - Ветчина черри" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">470 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина черри</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, моцарелла, ветчина, черри, лук красный, соус Песто</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="38" data-name="Пицца - Ветчина черри" data-price="800" data-image="/uploads/products/6a3237f1396a9.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323802881f5.png" alt="Пицца - Ветчина артишоки" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">500 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина артишоки</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус трюфельный, моцарелла, ветчина, артишоки, страчателла, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">900</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="39" data-name="Пицца - Ветчина артишоки" data-price="900" data-image="/uploads/products/6a323802881f5.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323812c7b2d.png" alt="Пицца - С томатами и сыром" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">480 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - С томатами и сыром</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, моцарелла, вяленые томаты, лук красный, сыр сливочный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">900</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="40" data-name="Пицца - С томатами и сыром" data-price="900" data-image="/uploads/products/6a323812c7b2d.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3238f29a35c.png" alt="Пицца - Говядина перец" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Говядина перец</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус томатный, моцарелла, фарш говяжий, перец болгарский, огурец соленый, помидор, оливки</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">1 100</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="41" data-name="Пицца - Говядина перец" data-price="1100" data-image="/uploads/products/6a3238f29a35c.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a32390602c5f.png" alt="Пицца - Ветчина Конкассе" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Ветчина Конкассе</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, моцарелла, ветчина, грибы, лук красный, конкассе</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="42" data-name="Пицца - Ветчина Конкассе" data-price="800" data-image="/uploads/products/6a32390602c5f.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323949b8497.png" alt="Пицца - Охотничьи колбаски" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Охотничьи колбаски</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, моцарелла, охотничьи колбаски, соленый огурец, конкассе, лук красный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="43" data-name="Пицца - Охотничьи колбаски" data-price="800" data-image="/uploads/products/6a323949b8497.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323958dd732.png" alt="Пицца - Гавайская" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">500 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Гавайская</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, моцарелла, курица, ананас, конкассе из томатов</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="44" data-name="Пицца - Гавайская" data-price="800" data-image="/uploads/products/6a323958dd732.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3239786ce90.png" alt="Пицца - Курица огурец" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - Курица огурец</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томатный соус, моцарелла, курица, грибы, соленый огурец, лук красный, конкассе</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="45" data-name="Пицца - Курица огурец" data-price="800" data-image="/uploads/products/6a3239786ce90.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3239b7f0599.png" alt="Пицца - 4 мяса" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">490 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Пицца - 4 мяса</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Соус красный, моцарелла, курица, бекон, ветчина, колбаски охотничьи, красный лук, оливки, перец болгарский, вяленые томаты</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">950</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="46" data-name="Пицца - 4 мяса" data-price="950" data-image="/uploads/products/6a3239b7f0599.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3239ce70a47.png" alt="Сэндвич Нутелла" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">430 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Сэндвич Нутелла</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Нутелла, вишня, фисташка, сахарная пудра</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">800</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="47" data-name="Сэндвич Нутелла" data-price="800" data-image="/uploads/products/6a3239ce70a47.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a3239f1a2e19.png" alt="Сэндвич с яйцом" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">430 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Сэндвич с яйцом</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Моцарелла, бекон, яйцо, огурец соленый, перец болгарский, рукола</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">700</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="48" data-name="Сэндвич с яйцом" data-price="700" data-image="/uploads/products/6a3239f1a2e19.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="pizza">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a36e2cfaf3c5.png" alt="Кальцоне Вешка" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">430 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Кальцоне Вешка</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливки, моцарелла, фарш куриный, вешка, конкассе</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="49" data-name="Кальцоне Вешка" data-price="750" data-image="/uploads/products/6a36e2cfaf3c5.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="burgers">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323a33e1e83.png" alt="Бургер - Классика XXXL" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">500 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Бургер - Классика XXXL</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Булочка, говяжья котлета×2, помидор, огурец, лист салата, лук красный, сыр Чеддер, сыр Гауда, соус Фирменный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">900</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="50" data-name="Бургер - Классика XXXL" data-price="900" data-image="/uploads/products/6a323a33e1e83.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="burgers">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323a5360743.png" alt="Бургер - Классика" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">360 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Бургер - Классика</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Булочка, говяжья котлета, помидор, огурец, лист салата, лук красный, сыр Чеддер, сыр Гауда, соус Фирменный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">650</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="51" data-name="Бургер - Классика" data-price="650" data-image="/uploads/products/6a323a5360743.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="burgers">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323ac23cdfd.png" alt="Бургер - С креветкой" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">320 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Бургер - С креветкой</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Булочка, Креветки, помидор, спаржа, лист салата, сыр Чеддер, сыр Гауда, соус чесночный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">670</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="53" data-name="Бургер - С креветкой" data-price="670" data-image="/uploads/products/6a323ac23cdfd.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="burgers">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323af1d89be.png" alt="Бургер - С курицей" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">270 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Бургер - С курицей</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Булочка, Куриная котлета, помидор, огурец, лист салата, лук красный, сыр Чеддер, сыр Гауда, соус фирменный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">600</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="54" data-name="Бургер - С курицей" data-price="600" data-image="/uploads/products/6a323af1d89be.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="burgers">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323b0957ad6.png" alt="Бургер - С беконом и паприкой" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">380 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Бургер - С беконом и паприкой</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Булочка, говяжья котлета, помидор, перец болгарский, рукола, огурец соленый, бекон, сыр Чеддер, сыр Гауда, фирменный соус</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">700</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="55" data-name="Бургер - С беконом и паприкой" data-price="700" data-image="/uploads/products/6a323b0957ad6.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="burgers">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323b6dcb6ef.png" alt="Бургер - С томлёной свининой" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">300 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Бургер - С томлёной свининой</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Булочка, свинина томленая, лист салата, помидор, соленый огурец, сыр Чеддер, сыр Гауда, соус фирменный, соус Барбекю</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">670</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="56" data-name="Бургер - С томлёной свининой" data-price="670" data-image="/uploads/products/6a323b6dcb6ef.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="burgers">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323bc31b8a1.png" alt="Бургер - С яйцом" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">270 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Бургер - С яйцом</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Булочка, котлета говяжья, бекон, помидор, огурец соленый, рукола, яйцо, сыр Чеддер, сыр Гауда, соус Фирменный, соус Барбекю</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">700</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="57" data-name="Бургер - С яйцом" data-price="700" data-image="/uploads/products/6a323bc31b8a1.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323bd335088.png" alt="Картофель фри" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">120 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Картофель фри</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Отборный картофель по оригинальному рецепту от РоссоПомидоро</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">210</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="58" data-name="Картофель фри" data-price="210" data-image="/uploads/products/6a323bd335088.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c061b81b.png" alt="Креветки темпура" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">180 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Креветки темпура</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Хрустящие креветки в воздушном кляре</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">500</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="59" data-name="Креветки темпура" data-price="500" data-image="/uploads/products/6a323c061b81b.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c15196f8.png" alt="Наггетсы" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                            <span class="weight-badge">180 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Наггетсы</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сочные куриные кусочки в хрустящей панировке</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">350</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="60" data-name="Наггетсы" data-price="350" data-image="/uploads/products/6a323c15196f8.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c267a91a.png" alt="Сырные палочки" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">200 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Сырные палочки</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сыр моцарелла, соус чесночный</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">350</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="61" data-name="Сырные палочки" data-price="350" data-image="/uploads/products/6a323c267a91a.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c4b2b834.png" alt="Кальмар темпура" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">130 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Кальмар темпура</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Воздушный кляр, скрывающий нежное мясо кальмара. Хрустит снаружи, тает внутри</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">480</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="62" data-name="Кальмар темпура" data-price="480" data-image="/uploads/products/6a323c4b2b834.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c3a1d110.png" alt="Хачапури" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">560 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Хачапури</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Тесто, моцарелла, яйцо, укроп, масло сливочное</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">600</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="63" data-name="Хачапури" data-price="600" data-image="/uploads/products/6a323c3a1d110.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c5c35bd1.png" alt="Панини с пармской ветчиной" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">260 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Панини с пармской ветчиной</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Пармская ветчина, помидор, сливочный сыр, рукола, моцарелла</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">630</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="64" data-name="Панини с пармской ветчиной" data-price="630" data-image="/uploads/products/6a323c5c35bd1.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c6d95889.png" alt="Панини с ветчиной" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">270 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Панини с ветчиной</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливочный сыр, моцарелла, ветчина, помидор, сыр Чеддер</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">550</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="65" data-name="Панини с ветчиной" data-price="550" data-image="/uploads/products/6a323c6d95889.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="snacks">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323c810b8d1.png" alt="Панини с лососем" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                                <span class="weight-badge">250 г</span>
                                    </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Панини с лососем</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Сливочный сыр, лосось слабосоленый, рукола, яйцо пашот</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="66" data-name="Панини с лососем" data-price="750" data-image="/uploads/products/6a323c810b8d1.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="salads">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323cdf9030b.png" alt="Салат - С кальмаром" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                        </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Салат - С кальмаром</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Кальмар, руккола, черри, моцарелла в рассоле, фирменный соус</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="67" data-name="Салат - С кальмаром" data-price="750" data-image="/uploads/products/6a323cdf9030b.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="salads">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323cf4accd7.png" alt="Салат - С креветкой" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                            <span class="badge-hit">Хит</span>
                                                        </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Салат - С креветкой</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Креветки, руккола, черри, моцарелла в рассоле, фирменный соус</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">750</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="68" data-name="Салат - С креветкой" data-price="750" data-image="/uploads/products/6a323cf4accd7.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="salads">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a323d07d8006.png" alt="Салат - С курицей" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                            </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Салат - С курицей</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Курица, салат Айсберг, огурец, черри, базилик, маслины, кунжут, фирменный соус</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">550</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="69" data-name="Салат - С курицей" data-price="550" data-image="/uploads/products/6a323d07d8006.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                        <div class="product-card menu-card stagger-item" data-category="salads">
                <div class="card-img-wrap">
                                        <img src="/uploads/products/6a37b110330c1.png" alt="Салат - Греческий" loading="lazy" onerror="this.onerror=null; this.src='/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg';">
                                                                            </div>
                <div class="p-3 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900 text-[13px] leading-snug mb-1">Салат - Греческий</h3>
                    <p class="text-gray-400 text-xs leading-relaxed mb-3 flex-1">Томаты, огурцы, маслины, сыр фета, красный лук, оливковое масло</p>
                    <div class="flex items-center justify-between gap-2">
                        <div class="price-tag">
                            <span class="font-black text-[15px]">500</span>
                            <span class="text-[11px] font-bold opacity-80">₽</span>
                                                    </div>
                        <button class="add-to-cart-btn add-btn-big" data-id="70" data-name="Салат - Греческий" data-price="500" data-image="/uploads/products/6a37b110330c1.png">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                            <span class="hidden sm:inline">В корзину</span>
                        </button>
                    </div>
                </div>
            </div>
                                </div>
    </div>
</section>

<!-- ===== ДОСТАВКА И ОПЛАТА ===== -->
<section id="delivery" class="py-14 bg-[#f5f5f3]">
    <div class="max-w-7xl mx-auto px-6">
        <h2 class="reveal font-black text-gray-900 mb-10 text-center" style="font-size:clamp(1.8rem,3.5vw,2.6rem);">Доставка и оплата</h2>
        <div class="grid md:grid-cols-2 gap-8">
            <div class="space-y-4">
                                <div class="reveal flex items-start gap-4 bg-white rounded-2xl p-4 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all">
                    <div class="w-11 h-11 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl flex items-center justify-center shrink-0">
                        <svg class="text-[#C8281A]" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                    <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
                                                </svg>
                    </div>
                    <div>
                        <div class="font-bold text-sm text-gray-800">Время работы</div>
                        <div class="text-gray-500 text-sm">Ежедневно с 10:00 до 22:00</div>
                    </div>
                </div>
                                <div class="reveal flex items-start gap-4 bg-white rounded-2xl p-4 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all">
                    <div class="w-11 h-11 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl flex items-center justify-center shrink-0">
                        <svg class="text-[#C8281A]" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                    <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
                                                </svg>
                    </div>
                    <div>
                        <div class="font-bold text-sm text-gray-800">Быстрый заказ</div>
                        <div class="text-gray-500 text-sm">Звоните — примем заказ за 1 минуту</div>
                    </div>
                </div>
                            </div>
            <div class="space-y-4">
                                <div class="reveal flex items-start gap-4 bg-white rounded-2xl p-4 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all">
                    <div class="w-11 h-11 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl flex items-center justify-center shrink-0">
                        <svg class="text-[#C8281A]" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                    <line x1="19" y1="5" x2="5" y2="19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/>
                                                </svg>
                    </div>
                    <div>
                        <div class="font-bold text-sm text-gray-800">Стоимость доставки</div>
                        <div class="text-gray-500 text-sm">Бесплатно (ТОЛЬКО В ПРЕДЕЛАХ г.ТАГАНРОГ) от 2500 ₽</div>
                    </div>
                </div>
                                <div class="reveal flex items-start gap-4 bg-white rounded-2xl p-4 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all">
                    <div class="w-11 h-11 bg-gradient-to-br from-red-50 to-orange-50 rounded-2xl flex items-center justify-center shrink-0">
                        <svg class="text-[#C8281A]" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                    <path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"/><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"/>
                                                </svg>
                    </div>
                    <div>
                        <div class="font-bold text-sm text-gray-800">Оплата</div>
                        <div class="text-gray-500 text-sm">Картой онлайн</div>
                    </div>
                </div>
                            </div>
        </div>
    </div>
</section>

<!-- ===== КОНТАКТЫ ===== -->
<section id="contacts" class="py-14 bg-[#1a1008]">
    <div class="max-w-7xl mx-auto px-6">
        <h2 class="reveal font-black text-white mb-10 text-center" style="font-size:clamp(1.8rem,3.5vw,2.6rem);">Наши <span class="shimmer-text">рестораны</span></h2>
        <div class="grid md:grid-cols-2 gap-8">
            <div class="space-y-4">
                                <button class="address-btn w-full text-left p-4 rounded-2xl border-2 transition-all border-[#C8281A] bg-white/10 scale-[1.02]" data-address="0" data-lat="47.247446" data-lng="38.893264" data-url="https://yandex.ru/maps/org/rosipomidosi/138691790395/?ll=38.862386%2C47.216270&amp;z=16">
                    <div class="flex items-center gap-3">
                        <div class="relative w-9 h-9 shrink-0">
                            <div class="w-9 h-9 rounded-full flex items-center justify-center text-white text-sm font-extrabold" style="background:#C8281A; width:37px; height:2.25rem;">1</div>
                            <div class="marker-ring"></div>                        </div>
                        <div>
                            <div class="text-white font-bold text-sm">ул. Сызранова, 11</div>
                            <div class="text-white/50 text-xs">г. Таганрог · Русское Поле</div>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-auto text-[#C8281A]"><path d="m9 18 6-6-6-6"/></svg>
                    </div>
                </button>
                                <button class="address-btn w-full text-left p-4 rounded-2xl border-2 transition-all border-white/10 bg-white/5 hover:border-white/25" data-address="1" data-lat="47.25182" data-lng="38.91187" data-url="https://yandex.ru/maps/org/rosipomidosi/229432446406/?ll=38.924702%2C47.279128&amp;z=16">
                    <div class="flex items-center gap-3">
                        <div class="relative w-9 h-9 shrink-0">
                            <div class="w-9 h-9 rounded-full flex items-center justify-center text-white text-sm font-extrabold" style="background:#D4850A; width:37px; height:2.25rem;">2</div>
                                                    </div>
                        <div>
                            <div class="text-white font-bold text-sm">1-й Новый пер., 20</div>
                            <div class="text-white/50 text-xs">г. Таганрог · Северный микрорайон</div>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-auto text-[#C8281A]"><path d="m9 18 6-6-6-6"/></svg>
                    </div>
                </button>
                                <button class="address-btn w-full text-left p-4 rounded-2xl border-2 transition-all border-white/10 bg-white/5 hover:border-white/25" data-address="2" data-lat="47.21146" data-lng="38.92989" data-url="https://yandex.ru/maps/org/rosipomidosi/4786705195/?ll=38.944330%2C47.205797&amp;z=16">
                    <div class="flex items-center gap-3">
                        <div class="relative w-9 h-9 shrink-0">
                            <div class="w-9 h-9 rounded-full flex items-center justify-center text-white text-sm font-extrabold" style="background:#1e7e34; width:37px; height:2.25rem;">3</div>
                                                    </div>
                        <div>
                            <div class="text-white font-bold text-sm">пер. 1-й Крепостной, 17</div>
                            <div class="text-white/50 text-xs">г. Таганрог · Центр города</div>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-auto text-[#C8281A]"><path d="m9 18 6-6-6-6"/></svg>
                    </div>
                </button>
                                <div class="p-4 bg-white/5 rounded-2xl border border-white/10">
                    <div class="text-white/40 text-[10px] mb-1.5 uppercase tracking-widest font-bold">Заказ по телефону</div>
                    <a href="tel:+79185000133" class="text-white font-black text-xl flex items-center gap-2 hover:text-[#F5A623] transition-colors">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                        +7 (918) 500 01 33                    </a>
                    <div class="text-white/35 text-xs mt-1">Ежедневно с 10:00 до 22:00</div>
                </div>
            </div>
            <div class="reveal rounded-3xl overflow-hidden border border-white/10" style="min-height:380px; position:relative;">
                <div id="mapContainer" style="position:relative;overflow:hidden;width:100%;height:380px;border-radius:1.5rem;">
                    <a href="https://yandex.ru/maps/org/rosipomidosi/138691790395/?ll=38.862386%2C47.216270&z=16" target="_blank" style="color:#eee;font-size:12px;position:absolute;top:0px;z-index:10;left:10px;text-decoration:none;">Росипомидоси</a>
                    <a href="https://yandex.ru/maps/971/taganrog/category/cafe/184106390/" target="_blank" style="color:#eee;font-size:12px;position:absolute;top:14px;z-index:10;left:10px;text-decoration:none;">Кафе в Таганроге</a>
                    <a href="https://yandex.ru/maps/971/taganrog/category/pizzeria/184106392/" target="_blank" style="color:#eee;font-size:12px;position:absolute;top:28px;z-index:10;left:10px;text-decoration:none;">Пиццерия в Таганроге</a>
                    <iframe id="mapFrame" src="https://yandex.ru/map-widget/v1/org/rosipomidosi/138691790395/?ll=38.862386%2C47.216270&z=16" width="100%" height="380" frameborder="0" allowfullscreen="true" style="position:relative;border-radius:1.5rem;"></iframe>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ===== ФУТЕР ===== -->
<footer class="bg-[#0d0703] text-white pt-10 pb-6">
    <div class="max-w-7xl mx-auto px-6">
        <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8">
            <div class="col-span-2 md:col-span-1">
                <img src="/index_files/logo-2.png" alt="РосиПомидоси" class="footer-logo object-contain mb-3">
                <p class="text-white/40 text-xs leading-relaxed mb-3">Пицца из дровяной печи и сочные бургеры с доставкой по Таганрогу</p>
                <a href="tel:+79185000133" class="flex items-center gap-1.5 text-white font-bold text-sm hover:text-[#F5A623] transition-colors" style="margin-left:0.5rem;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                    +7 (918) 500 01 33                </a>
                <div class="text-white/40 text-xs mt-1.5" style="margin-left:0.5rem;">График работы: с 10:00 до 22:00</div>
            </div>
            <div>
                <h4 class="font-bold text-white mb-3 text-xs uppercase tracking-widest">Адреса</h4>
                <div class="space-y-1.5 text-xs text-white/50">
                    <p class="text-white/70 font-bold">г. Таганрог</p>
                                        <p class="flex items-start gap-1.5">
                        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#C8281A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 shrink-0"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
                        ул. Сызранова, 11                    </p>
                                        <p class="flex items-start gap-1.5">
                        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#C8281A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 shrink-0"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
                        1-й Новый пер., 20                    </p>
                                        <p class="flex items-start gap-1.5">
                        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#C8281A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mt-0.5 shrink-0"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
                        пер. 1-й Крепостной, 17                    </p>
                                    </div>
            </div>
            <div>
                <h4 class="font-bold text-white mb-3 text-xs uppercase tracking-widest">Разделы</h4>
                <div class="space-y-1.5">
                                                                    <button class="footer-category-btn block text-xs text-white/50 hover:text-white transition-colors" data-category="all">Всё меню</button>
                                                                    <button class="footer-category-btn block text-xs text-white/50 hover:text-white transition-colors" data-category="pizza">Пицца</button>
                                                                    <button class="footer-category-btn block text-xs text-white/50 hover:text-white transition-colors" data-category="burgers">Бургеры</button>
                                                                    <button class="footer-category-btn block text-xs text-white/50 hover:text-white transition-colors" data-category="snacks">Закуски</button>
                                                                    <button class="footer-category-btn block text-xs text-white/50 hover:text-white transition-colors" data-category="salads">Салаты</button>
                                                                <a href="#contacts" class="block text-xs text-white/50 hover:text-white transition-colors">Контакты</a>
                </div>
            </div>
            <div>
                <h4 class="font-bold text-white mb-3 text-xs uppercase tracking-widest">Реквизиты</h4>
                <div class="space-y-1 text-xs text-white/40">
                    <p class="text-white/60 font-bold mb-1.5">ИП Рожкова Светлана Александровна</p>
                    <p>ИНН: 615427444264</p>
                    <p>ОГРНИП: 326619600025791</p>
                    <div class="mt-2 pt-2 border-t border-white/10 text-xs text-white/30">
                        <a href="#" id="footerPrivacyLink" class="block hover:text-[#F5A623] transition-colors">Политика конфиденциальности</a>
                        <a href="https://мастерскаягорбунова.рф" target="_blank" rel="noopener noreferrer" class="block hover:text-[#F5A623] transition-colors mt-1">Разработано в Мастерской Горбунова</a>
                        <p class="mt-1">© 2026 РосиПомидоси · г. Таганрог</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- ===== МОБИЛЬНАЯ ПАНЕЛЬ ===== -->
<div class="lg:hidden fixed bottom-0 left-0 right-0 z-30 bg-white mobile-bar border-t border-gray-100">
    <div class="grid grid-cols-4 gap-0.5 px-0.5">
        <button class="mobile-menu-btn relative flex flex-col items-center justify-center py-2 gap-0.5 text-gray-600 active:scale-95 transition-transform" data-category="all">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-[#C8281A]"><path d="m12 14-1 1"/><path d="m13.75 18.25-1.25 1.42"/><path d="M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12"/><path d="M18.8 9.3a1 1 0 0 0 2.1 7.7"/><path d="M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z"/></svg>
            <span class="text-[10px] font-semibold">Меню</span>
        </button>
        <button id="mobileStatusBtn" class="relative flex flex-col items-center justify-center py-2 gap-0.5 text-gray-600 active:scale-95 transition-transform status-btn">
            <div class="relative">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-[#C8281A]">
                    <circle cx="12" cy="12" r="10"/>
                    <polyline points="12 6 12 12 16 14"/>
                </svg>
                <span id="mobileStatusDot" class="absolute -top-1 -right-1 w-2.5 h-2.5 bg-red-500 rounded-full border-2 border-white" style="display:none;"></span>
            </div>
            <span class="text-[10px] font-semibold">Статус</span>
            <span id="mobileStatusBadge" class="absolute -top-0.5 -right-0.5 w-4 h-4 bg-[#E8622A] text-white text-[8px] font-extrabold rounded-full flex items-center justify-center" style="display:none;">1</span>
        </button>
        <a href="tel:+79185000133" class="flex flex-col items-center justify-center py-2 gap-0.5 text-gray-600 active:scale-95 transition-transform">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-[#C8281A]"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            <span class="text-[10px] font-semibold">Звонок</span>
        </a>
        <button id="mobileCartBtn" class="relative flex flex-col items-center justify-center py-2 gap-0.5 text-gray-600 active:scale-95 transition-transform">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-[#C8281A]"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
            <span class="text-[10px] font-semibold">Корзина</span>
            <span id="mobileBadge" class="absolute -top-0.5 -right-0.5 w-4 h-4 bg-[#D4850A] text-white text-[8px] font-extrabold rounded-full flex items-center justify-center" style="display:none;">0</span>
        </button>
    </div>
</div>

<!-- ===== КОРЗИНА ===== -->
<div id="myCartBackdrop"></div>
<div id="myCartDrawer">
    <div class="p-5 border-b flex justify-between items-center bg-gray-50">
        <div class="flex items-center gap-3">
            <button id="myContinueShoppingBtn" class="text-gray-400 hover:text-gray-600 text-sm">← Назад</button>
            <h3 class="text-2xl font-black">Корзина</h3>
        </div>
        <button id="myCloseCartBtn" class="text-2xl text-gray-400 hover:text-gray-600">&times;</button>
    </div>
    <div id="myCartItems" class="flex-1 overflow-y-auto p-4 space-y-4"></div>
    <div class="p-5 border-t bg-white">
        <div id="myCartTotalsBlock" class="mb-4"></div>
        <button id="myShowCartFormBtn" class="w-full py-3 font-bold rounded-xl transition-all shadow-md" style="background:linear-gradient(135deg,#E8622A,#c94d1a);color:#fff">📦 Оформить заказ</button>
        <div id="myCartExtraFields" class="hidden mt-5 space-y-4">
            <input type="text" id="myCartName" placeholder="Ваше имя *" class="form-input">
            <input type="tel" id="myCartPhone" placeholder="Телефон *" class="form-input">
            
            <!-- ВЫБОР ТИПА ПОЛУЧЕНИЯ -->
            <div class="space-y-2">
                <label class="flex items-center gap-3 text-sm font-medium text-gray-700">
                    <input type="radio" name="delivery_type" value="delivery" checked class="w-4 h-4 text-orange-500">
                    🚚 Доставка
                </label>
                <label class="flex items-center gap-3 text-sm font-medium text-gray-700">
                    <input type="radio" name="delivery_type" value="pickup" class="w-4 h-4 text-orange-500">
                    📍 Самовывоз
                </label>
            </div>
            
            <!-- Адрес доставки -->
            <div id="deliveryAddressBlock">
                <input type="text" id="myCartAddress" placeholder="Адрес доставки" class="form-input">
            </div>
            
            <!-- ВЫБОР ТОЧКИ САМОВЫВОЗА -->
            <div id="pickupPointBlock" style="display:none;">
                <label class="block text-sm font-medium text-gray-700 mb-2">📍 Выберите точку самовывоза</label>
                <div class="space-y-2" id="pickupPointsContainer">
                                        <label class="flex items-start gap-3 p-3 border rounded-xl hover:border-orange-500 cursor-pointer transition-all pickup-option" data-id="1">
                        <input type="radio" name="pickup_point" value="1" class="mt-1 w-4 h-4 text-orange-500 pickup-radio" checked>
                        <div>
                            <div class="font-bold text-sm" style="color:#C8281A">📍 ул. Сызранова, 11</div>
                            <div class="text-xs text-gray-500">г. Таганрог, ул. Сызранова, 11</div>
                            <div class="text-xs text-gray-400">🕐 10:00 - 22:00</div>
                        </div>
                    </label>
                                        <label class="flex items-start gap-3 p-3 border rounded-xl hover:border-orange-500 cursor-pointer transition-all pickup-option" data-id="2">
                        <input type="radio" name="pickup_point" value="2" class="mt-1 w-4 h-4 text-orange-500 pickup-radio" >
                        <div>
                            <div class="font-bold text-sm" style="color:#D4850A">📍 1-й Новый пер., 20</div>
                            <div class="text-xs text-gray-500">г. Таганрог, 1-й Новый пер., 20</div>
                            <div class="text-xs text-gray-400">🕐 10:00 - 22:00</div>
                        </div>
                    </label>
                                        <label class="flex items-start gap-3 p-3 border rounded-xl hover:border-orange-500 cursor-pointer transition-all pickup-option" data-id="3">
                        <input type="radio" name="pickup_point" value="3" class="mt-1 w-4 h-4 text-orange-500 pickup-radio" >
                        <div>
                            <div class="font-bold text-sm" style="color:#1e7e34">📍 пер. 1-й Крепостной, 17</div>
                            <div class="text-xs text-gray-500">г. Таганрог, пер. 1-й Крепостной, 17</div>
                            <div class="text-xs text-gray-400">🕐 10:00 - 22:00</div>
                        </div>
                    </label>
                                    </div>
            </div>
            
            <div><label class="block text-sm font-medium text-gray-700 mb-1">⏰ К какому времени приготовить?</label>
            <input type="time" id="myDeliveryTime" class="form-input" min="10:15" max="21:55" step="300"></div>
            <div><label class="block text-sm font-medium text-gray-700 mb-1">🚚 Стоимость доставки (₽)</label>
            <input type="number" id="myDeliveryCostInput" value="350" min="0" step="50" class="form-input"><div id="deliveryNote" class="delivery-note">⚠️ Уточните актуальную стоимость доставки у оператора</div></div>
            <div class="flex gap-2"><input type="text" id="myCouponCode" placeholder="🎫 Промокод" class="form-input flex-1"><button id="myApplyCouponBtn" class="bg-gray-100 px-5 rounded-xl hover:bg-gray-200">Применить</button></div>
            <div id="myCouponAppliedBlock" class="hidden"></div>
            <input type="hidden" id="myDiscountAmount" value="0">
            <label class="flex items-start gap-2 text-sm"><input type="checkbox" id="myCartAgree" class="mt-0.5"><span class="agree-text">Я принимаю условия обработки персональных данных и <a id="myPrivacyLinkInline">политику конфиденциальности</a></span></label>
            <div class="flex gap-2 mt-2">
                <button id="myBackToCartBtn" class="flex-1 py-3 font-bold rounded-xl transition-all bg-gray-200 hover:bg-gray-300 text-gray-800">← Вернуться к корзине</button>
                <button id="myCheckoutBtn" class="flex-1 py-3 font-bold rounded-xl transition-all" style="background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff">💳 Оплатить</button>
            </div>
        </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
(function(){
var scrollBtn=document.getElementById('scrollTopBtn');
window.addEventListener('scroll',function(){
    if(window.scrollY>400){scrollBtn.classList.add('show');}else{scrollBtn.classList.remove('show');}
});
scrollBtn.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'});});

// ===== PUSH-УВЕДОМЛЕНИЯ =====
function requestPushPermission() {
    if ('Notification' in window && 'serviceWorker' in navigator) {
        if (Notification.permission === 'default') {
            Notification.requestPermission().then(function(permission) {
                if (permission === 'granted') {
                    console.log('Push-уведомления разрешены');
                    // Регистрируем Service Worker
                    if ('serviceWorker' in navigator) {
                        navigator.serviceWorker.register('/sw.js').then(function(reg) {
                            console.log('Service Worker зарегистрирован');
                        }).catch(function(err) {
                            console.log('Ошибка SW:', err);
                        });
                    }
                }
            });
        }
    }
}

function sendPushNotification(title, body, icon) {
    if ('Notification' in window && Notification.permission === 'granted') {
        try {
            var options = {
                body: body,
                icon: icon || '/index_files/logo.png',
                badge: '/index_files/logo.png',
                vibrate: [200, 100, 200],
                requireInteraction: true,
                data: {
                    url: '/'
                }
            };
            var notification = new Notification(title, options);
            
            notification.onclick = function(event) {
                event.preventDefault();
                window.focus();
                window.location.href = '/#order-status-modal';
                notification.close();
            };
            
            setTimeout(function() {
                notification.close();
            }, 10000);
        } catch(e) {
            console.log('Push ошибка:', e);
        }
    }
}

// Запрашиваем разрешение на push при загрузке
setTimeout(requestPushPermission, 3000);

// ===== ПРОВЕРКА СТАТУСА ЗАКАЗА С PUSH =====
var lastOrderStatus = null;

function checkOrderStatusWithPush() {
    var phone = localStorage.getItem('orderPhone') || '';
    if (!phone) return;
    
    $.get('/api.php?action=check_order&phone=' + encodeURIComponent(phone), function(res) {
        if (res.success && res.order) {
            var order = res.order;
            var statusChanged = lastOrderStatus !== null && lastOrderStatus !== order.order_status;
            
            if (statusChanged) {
                var messages = {
                    'new': '🆕 Заказ создан, ожидает оплаты',
                    'pending': '⏳ Ожидаем подтверждения оплаты',
                    'paid': '✅ Заказ оплачен! Ожидайте подтверждения',
                    'accepted': '👨‍🍳 Ваш заказ начали готовить!',
                    'completed': '🎉 Заказ готов! Приятного аппетита!',
                    'cancelled': '❌ Заказ отменён'
                };
                var message = messages[order.order_status] || 'Статус заказа изменился';
                
                if (order.order_status === 'paid' || order.order_status === 'accepted' || order.order_status === 'completed') {
                    sendPushNotification('📦 Заказ #' + order.id, message, '/index_files/logo.png');
                    // Звук для важных статусов
                    try {
                        var audio = new Audio('/assets/sounds/payment_success.mp3');
                        audio.play().catch(function() {});
                    } catch(e) {}
                }
            }
            
            lastOrderStatus = order.order_status;
        }
    });
}

// Проверяем статус каждые 15 секунд
setInterval(checkOrderStatusWithPush, 15000);

// ===== ЛОГИКА ВЫБОРА ДОСТАВКИ/САМОВЫВОЗА =====
$(document).on('change', 'input[name="delivery_type"]', function() {
    var isPickup = $(this).val() === 'pickup';
    if (isPickup) {
        $('#deliveryAddressBlock').hide();
        $('#pickupPointBlock').show();
        $('#myDeliveryCostInput').val(0);
        deliveryCost = 0;
        var selectedPoint = $('input[name="pickup_point"]:checked').val();
        var pointName = $('#pickupPointsContainer .pickup-option[data-id="' + selectedPoint + '"] .font-bold').text().trim();
        if (pointName) {
            myCartAddress.value = 'Самовывоз: ' + pointName;
        }
    } else {
        $('#deliveryAddressBlock').show();
        $('#pickupPointBlock').hide();
        $('#myDeliveryCostInput').val(350);
        deliveryCost = 350;
        myCartAddress.value = '';
    }
    updateUI();
});

$(document).on('change', 'input[name="pickup_point"]', function() {
    var pointId = $(this).val();
    var $option = $('#pickupPointsContainer .pickup-option[data-id="' + pointId + '"]');
    var pointName = $option.find('.font-bold').text().trim();
    if (pointName) {
        myCartAddress.value = 'Самовывоз: ' + pointName;
    }
    $('#myDeliveryCostInput').val(0);
    deliveryCost = 0;
    updateUI();
});

// ===== КОРЗИНА ======
var cart=[];var discount=0;var coupon='';var deliveryCost=350;var MIN_ORDER=600;
var myCartDrawer=document.getElementById('myCartDrawer');
var myCartBackdrop=document.getElementById('myCartBackdrop');
var myCartItems=document.getElementById('myCartItems');
var myCartTotalsBlock=document.getElementById('myCartTotalsBlock');
var myShowCartFormBtn=document.getElementById('myShowCartFormBtn');
var myCartExtraFields=document.getElementById('myCartExtraFields');
var myCheckoutBtn=document.getElementById('myCheckoutBtn');
var myBackToCartBtn=document.getElementById('myBackToCartBtn');
var myContinueShoppingBtn=document.getElementById('myContinueShoppingBtn');
var myCloseCartBtn=document.getElementById('myCloseCartBtn');
var myPickupCheckbox=document.getElementById('myPickupCheckbox');
var myAddressBlock=document.getElementById('myAddressBlock');
var myApplyCouponBtn=document.getElementById('myApplyCouponBtn');
var myCouponCode=document.getElementById('myCouponCode');
var myCartName=document.getElementById('myCartName');
var myCartPhone=document.getElementById('myCartPhone');
var myCartAddress=document.getElementById('myCartAddress');
var myDeliveryTime=document.getElementById('myDeliveryTime');
var myCartAgree=document.getElementById('myCartAgree');
var myDeliveryCostInput=document.getElementById('myDeliveryCostInput');
var myCouponAppliedBlock=document.getElementById('myCouponAppliedBlock');
var headerCartCount=document.getElementById('headerCartCount');
var mobileBadge=document.getElementById('mobileBadge');

function updateBadges(){
    var count=cart.reduce(function(s,i){return s+i.quantity;},0);
    if(headerCartCount){headerCartCount.textContent=count;headerCartCount.classList.toggle('show',count>0);}
    if(mobileBadge){mobileBadge.textContent=count;mobileBadge.style.display=count>0?'flex':'none';}
}
function loadCart(){
    var s=localStorage.getItem('pizzaCart');
    if(s){try{cart=JSON.parse(s);}catch(e){cart=[];}}else{cart=[];}
    updateUI();updateBadges();
}
function saveCart(){localStorage.setItem('pizzaCart',JSON.stringify(cart));updateBadges();}
function addToCart(item){
    var ex=cart.find(function(i){return i.id===item.id&&i.size===item.size;});
    if(ex){ex.quantity+=item.quantity;}else{cart.push({...item});}
    saveCart();updateUI();toggleCart(true);
    var btn=document.getElementById('openMyCart');
    if(btn){btn.classList.remove('cart-bump');void btn.offsetWidth;btn.classList.add('cart-bump');}
}
function removeFromCart(idx){cart.splice(idx,1);saveCart();updateUI();}
function updateQuantity(idx,delta){
    var n=cart[idx].quantity+delta;
    if(n<=0)removeFromCart(idx);else{cart[idx].quantity=n;saveCart();updateUI();}
}
function updateUI(){
    updateBadges();
    if(!myCartItems)return;
    if(cart.length===0){
        myCartItems.innerHTML='<div class="text-center text-gray-400 py-10">Корзина пуста</div>';
        if(myCartTotalsBlock)myCartTotalsBlock.innerHTML='';
        updateCouponDisplay();
        return;
    }
    var subtotal=0;var html='';
    cart.forEach(function(item,idx){
        var total=item.price*item.quantity;subtotal+=total;
        html+='<div class="cart-item flex items-center gap-4">';
        html+='<div class="w-20 h-20 flex-shrink-0"><img src="'+(item.image||'/index_files/ff083759-5c4c-418f-b25f-65f60299f7e7.jpg')+'" class="cart-item-image w-full h-full object-cover rounded-xl"></div>';
        html+='<div class="flex-1"><div class="font-bold">'+escapeHtml(item.name)+'</div><div class="text-sm text-gray-500">'+(item.size||'')+'</div><div class="font-bold text-orange-500 mt-1">'+item.price+' ₽</div></div>';
        html+='<div class="flex flex-col items-end gap-2"><div class="flex items-center gap-2">';
        html+='<button class="my-qty-minus w-8 h-8 rounded-full bg-gray-100 hover:bg-gray-200 text-gray-600 font-bold" data-idx="'+idx+'" data-d="-1">−</button>';
        html+='<span class="w-6 text-center font-bold">'+item.quantity+'</span>';
        html+='<button class="my-qty-plus w-8 h-8 rounded-full bg-gray-100 hover:bg-gray-200 text-gray-600 font-bold" data-idx="'+idx+'" data-d="1">+</button>';
        html+='</div><button class="my-remove text-gray-400 hover:text-red-500 text-sm" data-idx="'+idx+'">Удалить</button></div></div>';
    });
    myCartItems.innerHTML=html;
    
    var afterDiscount=subtotal-discount;
    var FREE_DELIVERY=2500;
    var dc=deliveryCost;
    var msg='';
    if(afterDiscount>=FREE_DELIVERY){dc=0;msg='Бесплатная доставка! 🎉';}else{var rem=FREE_DELIVERY-afterDiscount;msg='До бесплатной доставки не хватает '+rem+' ₽';}
    var total=afterDiscount+dc;
    var progress=Math.min(100,Math.floor((afterDiscount/FREE_DELIVERY)*100));
    
    if(myCartTotalsBlock){
        var dhtml=discount>0?'<div class="flex justify-between text-green-600 text-sm"><span>Промокод '+coupon+'</span><span>-'+Math.floor(discount)+' ₽</span></div>':'';
        myCartTotalsBlock.innerHTML='<div class="space-y-2"><div class="flex justify-between"><span>Товары ('+cart.reduce(function(s,i){return s+i.quantity;},0)+' шт)</span><span>'+subtotal+' ₽</span></div>'+dhtml+'<div class="flex justify-between"><span>🚚 Доставка</span><span>'+dc+' ₽</span></div>'+'<div class="delivery-progress-bar"><div class="delivery-progress-fill" style="width:'+progress+'%"></div></div>'+'<div class="delivery-message">'+msg+'</div>'+'<div class="delivery-note" onclick="event.stopPropagation();document.getElementById(\'deliveryModal\').classList.add(\'show\');document.body.style.overflow=\'hidden\';">⚠️ Уточните актуальную стоимость доставки у оператора</div>'+'<div class="flex justify-between text-lg font-bold mt-2"><span>Итого</span><span class="text-orange-600">'+total+' ₽</span></div></div>';
    }
    updateCouponDisplay();attachCartEvents();
}
function attachCartEvents(){
    document.querySelectorAll('.my-qty-minus, .my-qty-plus').forEach(function(b){b.removeEventListener('click',qtyHandler);b.addEventListener('click',qtyHandler);});
    document.querySelectorAll('.my-remove').forEach(function(b){b.removeEventListener('click',removeHandler);b.addEventListener('click',removeHandler);});
}
function qtyHandler(e){var idx=parseInt(e.currentTarget.dataset.idx);var d=parseInt(e.currentTarget.dataset.d);updateQuantity(idx,d);}
function removeHandler(e){var idx=parseInt(e.currentTarget.dataset.idx);removeFromCart(idx);}
function toggleCart(open){
    if(myCartDrawer){
        if(open){myCartDrawer.classList.add('open');myCartDrawer.style.right='0';if(myCartBackdrop)myCartBackdrop.classList.add('show');document.body.style.overflow='hidden';}
        else{myCartDrawer.classList.remove('open');myCartDrawer.style.right='-500px';if(myCartBackdrop)myCartBackdrop.classList.remove('show');document.body.style.overflow='';}
    }
}
function showOrderForm(){if(myCartExtraFields)myCartExtraFields.classList.remove('hidden');if(myShowCartFormBtn)myShowCartFormBtn.style.display='none';}
function backToCart(){if(myCartExtraFields)myCartExtraFields.classList.add('hidden');if(myShowCartFormBtn)myShowCartFormBtn.style.display='block';}
function updateCouponDisplay(){
    if(!myCouponAppliedBlock)return;
    if(coupon&&discount>0){
        myCouponAppliedBlock.innerHTML='<div class="coupon-applied"><span>✓ Промокод '+coupon+' применён (скидка '+Math.floor(discount)+' ₽)</span><button class="remove-coupon" id="myRemoveCouponBtn">Отменить</button></div>';
        myCouponAppliedBlock.classList.remove('hidden');
        var removeBtn=document.getElementById('myRemoveCouponBtn');
        if(removeBtn)removeBtn.onclick=removeCoupon;
    }else{myCouponAppliedBlock.innerHTML='';myCouponAppliedBlock.classList.add('hidden');}
}
function removeCoupon(){discount=0;coupon='';sessionStorage.removeItem('appliedPromo');if(myCouponCode)myCouponCode.value='';updateUI();alert('Промокод отменён');}
function applyCouponCode(){
    var code=myCouponCode?myCouponCode.value.trim().toUpperCase():'';
    if(!code){alert('Введите промокод');return;}
    var sum=cart.reduce(function(s,i){return s+i.price*i.quantity;},0);
    $.get('/api.php?action=apply_coupon&code='+encodeURIComponent(code)+'&total='+sum, function(res){
        if(res.success){
            discount=res.discount;coupon=code;updateCouponDisplay();updateUI();
            Swal.fire({icon:'success',title:'Промокод применён!',text:'Скидка '+Math.floor(discount)+' ₽',timer:2000,showConfirmButton:false});
        }else{
            Swal.fire({icon:'error',title:'Ошибка',text:res.message||'Промокод недействителен'});
        }
    }).fail(function(){
        alert('Ошибка проверки промокода');
    });
}

// ====== ЗАЩИТА ОТ ПОВТОРНЫХ КЛИКОВ ======
var isSubmitting = false;

// ====== ОФОРМЛЕНИЕ ЗАКАЗА С ОПЛАТОЙ ======
function submitOrder() {
    if (isSubmitting) {
        Swal.fire({ icon: 'warning', title: 'Подождите', text: 'Ваш заказ уже обрабатывается' });
        return;
    }
    
    var n = myCartName ? myCartName.value.trim() : '';
    var p = myCartPhone ? myCartPhone.value.trim() : '';
    var a = myCartAddress ? myCartAddress.value.trim() : '';
    var deliveryType = $('input[name="delivery_type"]:checked').val();
    var isPickup = deliveryType === 'pickup';
    var tm = myDeliveryTime ? myDeliveryTime.value : '';
    var cp = myCouponCode ? myCouponCode.value.trim() : '';
    var ag = myCartAgree ? myCartAgree.checked : false;
    var dc = parseInt(myDeliveryCostInput ? myDeliveryCostInput.value : 350) || 350;
    
    if (!ag) { 
        Swal.fire({ icon: 'warning', title: 'Подтверждение', text: 'Подтвердите согласие на обработку данных' });
        return; 
    }
    if (!n || !p) { 
        Swal.fire({ icon: 'warning', title: 'Заполните поля', text: 'Имя и телефон обязательны' });
        return; 
    }
    if (!isPickup && !a) { 
        Swal.fire({ icon: 'warning', title: 'Укажите адрес', text: 'Укажите адрес доставки' });
        return; 
    }
    if (isPickup) {
        var selectedPoint = $('input[name="pickup_point"]:checked').val();
        if (!selectedPoint) {
            Swal.fire({ icon: 'warning', title: 'Выберите точку', text: 'Выберите точку самовывоза' });
            return;
        }
        var pointName = $('#pickupPointsContainer .pickup-option[data-id="' + selectedPoint + '"] .font-bold').text().trim();
        a = 'Самовывоз: ' + pointName;
        dc = 0;
    }
    
    var sub = cart.reduce(function(s, i) { return s + i.price * i.quantity; }, 0);
    var after = sub - discount;
    var total = after + dc;
    
    if (total < 600) { 
        Swal.fire({ icon: 'warning', title: 'Минимальная сумма', text: 'Минимальная сумма заказа 600 ₽' });
        return; 
    }
    
    var data = {
        name: n,
        phone: p,
        nAddress: a,
        delivery_time: tm,
        is_pickup: isPickup ? 1 : 0,
        pickup_point: isPickup ? $('input[name="pickup_point"]:checked').val() : null,
        items: cart.map(function(item) {
            return { id: item.id, name: item.name, price: item.price, quantity: item.quantity, size: item.size || null, image: item.image || '' };
        }),
        subtotal: after,
        discount: discount,
        coupon: cp,
        delivery_cost: dc,
        comment: ''
    };
    
    localStorage.setItem('orderPhone', p);
    
    isSubmitting = true;
    $('#myCheckoutBtn').prop('disabled', true).text('⏳ Оформление...');
    
    Swal.fire({
        title: '⏳ Оформление заказа',
        text: 'Пожалуйста, подождите...',
        allowOutsideClick: false,
        didOpen: function() {
            Swal.showLoading();
        }
    });
    
    fetch('/api.php?action=create_order', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(data)
    })
    .then(function(r) { return r.json(); })
    .then(function(res) {
        isSubmitting = false;
        $('#myCheckoutBtn').prop('disabled', false).text('💳 Оплатить');
        Swal.close();
        
        if (res.success) {
            cart = [];
            saveCart();
            updateUI();
            toggleCart(false);
            if (myCartExtraFields) myCartExtraFields.classList.add('hidden');
            if (myShowCartFormBtn) myShowCartFormBtn.style.display = 'block';
            myCartName.value = '';
            myCartPhone.value = '';
            myCartAddress.value = '';
            $('input[name="delivery_type"][value="delivery"]').prop('checked', true);
            $('#deliveryAddressBlock').show();
            $('#pickupPointBlock').hide();
            $('#myDeliveryCostInput').val(350);
            deliveryCost = 350;
            discount = 0;
            coupon = '';
            sessionStorage.removeItem('appliedPromo');
            if (myCouponCode) myCouponCode.value = '';
            
            // Push-уведомление о создании заказа
            sendPushNotification('🛎️ Заказ создан!', 'Заказ #' + res.order_id + ' оформлен, ожидайте подтверждения', '/index_files/logo.png');
            
            if (res.payment_url) {
                Swal.fire({
                    icon: 'success',
                    title: '✅ Заказ оформлен!',
                    text: 'Сейчас вы будете перенаправлены на оплату',
                    timer: 2000,
                    showConfirmButton: false,
                    didClose: function() {
                        window.location.href = res.payment_url;
                    }
                });
            } else {
                Swal.fire({
                    icon: 'success',
                    title: '✅ Заказ оформлен!',
                    text: 'Номер заказа: #' + res.order_id,
                    confirmButtonText: '📋 Смотреть статус'
                }).then(function() {
                    openOrderStatusModal();
                });
            }
        } else {
            if (res.existing_order_id) {
                Swal.fire({
                    icon: 'info',
                    title: 'У вас есть активный заказ',
                    text: res.message,
                    confirmButtonText: '📋 Смотреть статус'
                }).then(function() {
                    localStorage.setItem('orderPhone', p);
                    openOrderStatusModal();
                });
            } else {
                Swal.fire({ icon: 'error', title: 'Ошибка', text: res.message || 'Неизвестная ошибка' });
            }
        }
    })
    .catch(function(err) {
        isSubmitting = false;
        $('#myCheckoutBtn').prop('disabled', false).text('💳 Оплатить');
        Swal.close();
        Swal.fire({ icon: 'error', title: 'Ошибка', text: err.message });
    });
}

// ... остальной код (модалка статуса, hero, фильтры, карта и т.д.) ...
// [весь остальной JavaScript из предыдущей версии]
</script>
