/* Görünümü güzelleştirmek ve noktaları eklemek için gerekli stil */
    .single-offer-item {
        display: flex;
        align-items: baseline;
        margin-bottom: 5px;
        font-size: 1.2rem; /* Yazıları biraz büyüttük */
    }

    .single-offer-details {
        flex: 1;
        display: flex;
        align-items: baseline;
    }

    .single-offer-title {
        white-space: nowrap;
        font-weight: 700;
    }

    /* Noktalama işareti alanı */
    .single-offer-details::after {
        content: "..................................................................................................................................................................";
        display: block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 10px;
        color: #888;
        letter-spacing: 2px; /* Noktaların arasını açar */
    }

    .single-offer-price {
        font-weight: bold;
        white-space: nowrap;
        min-width: fit-content;
    }

    .single-offer-content p {
        font-size: 1.5rem;
        color: #555;
        flex-basis: 100%;
        margin-bottom:50px;
    }

    /* İçerik alt satıra geçsin diye kapsayıcı ayarı */
    .single-offer-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

     .single-offer-category-item {
        width:100%;
     }

    .single-offer-price {
        font-weight: 800;
        font-size: 1.2rem;
        background: #1a1a1a; /* Koyu gri/siyah arka plan */
        color: #ffffff;
        padding: 8px 15px;
        border-radius: 50px; /* Oval yapı */
        box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
        display: inline-block;
        min-width: 80px;
        text-align: center;
    }

    /* Order hotline floating button */
    .order-hotline {
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 9999;
    }
    .order-hotline-link {
        display: flex;
        align-items: center;
        gap: 12px;
        background: linear-gradient(135deg,#e94e1b 0%, #f7b733 100%);
        color: #fff;
        padding: 12px 18px;
        border-radius: 40px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.2);
        text-decoration: none;
    }
    .order-hotline svg { width: 36px; height: 36px; flex: 0 0 36px; }
    .order-hotline .label { font-size: 11px; text-transform: uppercase; opacity: .95; }
    .order-hotline .phone { font-size: 16px; font-weight: 800; line-height:1; }
    @media (max-width:700px){
        .order-hotline { left: 20px; right: 20px; bottom: 16px; }
        .order-hotline-link{ justify-content:center }
        .order-hotline .label{ display:none }
    }

    /* Footer left order styling (improved) */
    .footer-left-order{ margin-top:8px; display:flex; justify-content:center; width:100% }
    .footer-order-link{
        display:inline-flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:2px;
        background: linear-gradient(135deg,#25D366 0%, #128C7E 100%);
        color:#ffffff;
        padding:10px 14px;
        border-radius:10px;
        box-shadow: 0 8px 22px rgba(0,0,0,0.16);
        text-decoration:none;
        text-align:center;
        min-width:160px;
    }
    .footer-order-link .order-line1{ font-size:12px; text-transform:uppercase; opacity:0.95; letter-spacing:0.6px }
    .footer-order-link .order-line2{ font-size:16px; font-weight:900; line-height:1 }
    @media (max-width:700px){
        .footer-left-order{ margin:10px 0 }
        .footer-order-link{ align-items:center; min-width:unset; width:100%; padding:12px; }
    }

    /* page-bg default / fixed helper styles */
    .page-bg{
        background-size: cover;
        background-position: center center;
        width: 100%;
        left: 0;
        right: 0;
    }
    .page-bg.fixed{
        position: fixed;
        z-index: -1;
    }

    /* Smooth in-page scrolling */
    html { scroll-behavior: smooth; }

.contact-detail-title{
    white-space: nowrap;
    font-weight: 700;
    font-size: 22px;
    color: #242424;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact-detail-content p{
    white-space: nowrap;
    font-weight: 500;
    font-size:1.2rem;
    color: #242424;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Genel Badge Stili */
.badge-item {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    margin-left: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.5px;
    color: #fff;
}

/* Napolika Special - Turuncu/Altın (Dikkat Çekici) */
.badge-special {
    background-color: #fab940;
    box-shadow: 0 2px 5px rgba(250, 185, 64, 0.3);
}

/* Premium - Siyah/Altın (Lüks) */
.badge-premium {
    background-color: #1a1a1a;
    border: 1px solid #fab940;
    color: #fab940;
}

/* Şefin Seçimi - Kırmızı (Popüler) */
.badge-chef {
    background-color: #e74c3c;
    animation: pulse-red 2s infinite; /* Hafif yanıp sönme efekti */
}

/* Veggie - Yeşil (Doğal) */
.badge-veggie {
    background-color: #27ae60;
}

/* Şefin Seçimi İçin Hafif Animasyon */
@keyframes pulse-red {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Başlık Hizalaması */
.single-offer-title {
    display: flex;
    align-items: center;
    font-size: 18px; /* Mevcut boyutuna göre ayarla */
}
/* Hover cursor + hover visual for menu items */
.single-offer-wrapper {
    cursor: pointer; /* Farklı bir imleç talebi için pointer kullanıyoruz */
    transition: transform 150ms ease, background-color 150ms ease;
}
.single-offer-wrapper:hover {
    transform: translateY(-4px);
    background-color: rgba(250,185,64,0.03);
}

/* Modal styles for pizza detail */
.napolika-modal-overlay{
    position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99999;display:none;align-items:center;justify-content:center;padding:24px;
}
.napolika-modal{
    background:#fff;max-width:720px;width:100%;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,0.4);overflow:hidden;
}
.napolika-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee}
.napolika-modal .modal-header h3{margin:0;font-size:20px}
.napolika-modal .modal-body{padding:18px 20px;color:#333;line-height:1.5}
.napolika-modal .modal-price{font-weight:900;background:#1a1a1a;color:#fff;padding:8px 12px;border-radius:8px;display:inline-block}
.napolika-modal .modal-close{background:transparent;border:0;font-size:22px;cursor:pointer}
.napolika-modal .modal-actions{padding:14px 20px;border-top:1px solid #f2f2f2;display:flex;gap:12px;justify-content:flex-end}
.napolika-modal .btn-order{
    background:linear-gradient(135deg,#25D366 0%, #128C7E 100%);
    color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:10px;font-size:16px;box-shadow:0 10px 30px rgba(18,140,126,0.18);
}
.napolika-modal .btn-order i{font-size:18px}
.napolika-modal .btn-close{background:#f2f2f2;padding:10px 16px;border-radius:8px;text-decoration:none;color:#333}

/* Modal hero image */
.napolika-modal .modal-hero{
    width:100%;height:240px;background-size:cover;background-position:center center;position:relative;
}
.napolika-modal .modal-hero:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.5));}

/* Side suggestion */
.modal-side-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px dashed #eee;background:#fafafa}
.modal-side-suggestion .side-left{font-size:14px;color:#333}
.modal-side-suggestion .side-right{font-weight:800;color:#1a1a1a}

/* Side add button */
.side-add{background:#fff;border:1px solid #ddd;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:700}
.side-add.selected{background:#128C7E;color:#fff;border-color:#128C7E}
ul.sf-menu li a{
    font-weight: 600;
}

/* Arka plan kapsayıcısı */
.menu-background-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: 6;
}

/* Tüm SVG'lerin ortak stili */
.bg-svg {
    position: absolute;
    opacity: 0.12; /* Daha belirgin ama hala arka planda */
    transition: all 0.5s ease;
}

/* Fesleğen: Canlı Yeşil */
.shape-basil {
    top: 8%;
    left: 2%;
    width: 180px;
    height: 180px;
    color: #2ecc71; /* Emerald Green */
    transform: rotate(-15deg);
}

/* Domates: Belirgin Kırmızı */
.shape-tomato {
    top: 45%;
    right: 5%;
    width: 160px;
    height: 160px;
    color: #e74c3c; /* Alizarin Red */
    transform: rotate(15deg);
}

/* Zeytin: Net Antrasit/Siyah */
.shape-olive {
    bottom: 12%;
    left: 10%;
    width: 80px;
    height: 80px;
    color: #34495e; /* Wet Asphalt */
    transform: rotate(45deg);
}