:root {
                    --green-dark: #2c3f24;
                    --gold: #CEA248;
                    --gold-shadow: rgba(0, 0, 0, 0.35);
                    --cream: #f4ead0;
                    --photo-gray: #a9a9a9;
                }

                .gold-card-outer {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    padding: 50px 20px;
                    box-sizing: border-box;
                    font-family: 'Signaturide', serif;
                }

                .card-wrap {
                    position: relative;
                    width: 440px;
                    height: 200px;
                    max-width: 100%;
                }

                /* Green burst badge on top-left */
                .combo-badge {
                    position: absolute;
                    top: -40px;
                    left: -55px;
                    width: 130px;
                    height: 130px;
                    z-index: 10;
                    transform: rotate(-25deg);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    filter: drop-shadow(-4px 5px 6px rgba(0,0,0,0.45));
                }

                .combo-badge .burst-bg {
                    position: absolute;
                    inset: 0;
                    width: 100%;
                    height: 100%;
                }

                .combo-badge .badge-text {
                    position: relative;
                    z-index: 2;
                    color: var(--gold);
                    font-family: 'Signaturide', serif;
                    font-weight: 800;
                    font-size: 18px;
                    letter-spacing: 0.5px;
                    text-shadow: 1px 1.5px 0px #1a2e19;
                }

                /* "GIGI" brand title sitting ABOVE the base panel on the left */
                .brand-above {
                    position: absolute;
                    top: 6px;
                    left: 60px;
                    width: 195px;
                    text-align: center;
                    z-index: 6;
                    margin: 0;
                    font-family: 'Signaturide', serif;
                    font-weight: 800;
                    font-size: 38px;
                    letter-spacing: 2px;
                    color: var(--gold);
                    line-height: 1;
                }

                /* Base panel (shorter left section) */
                .panel-base {
                    position: absolute;
                    left: 0; right: 0;
                    bottom: 0;
                    height: 140px;
                    border-radius: 24px;
                }

                /* Tall panel (taller right section) */
                .panel-tall {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    width: 195px;
                    height: 200px;
                    border-radius: 24px;
                }

                /* Smooth concave corner fillet connecting base to tall panel */
                .panel-tall::before {
                    content: '';
                    position: absolute;
                    left: -30px;
                    bottom: 140px;
                    width: 30px;
                    height: 30px;
                    background: transparent;
                    border-bottom-right-radius: 18px;
                    box-shadow: 10px 10px 0 10px var(--gold);
                    pointer-events: none;
                }

                /* shadow copy: offset down-left (bottom-left shadow), darker gold, sits behind */
                .layer-shadow {
                    position: absolute;
                    inset: 0;
                    transform: translate(-8px, 8px);
                }
                .layer-shadow .panel-base,
                .layer-shadow .panel-tall {
                    background: var(--gold-shadow);
                }
                .layer-shadow .panel-tall::before {
                    box-shadow: 10px 10px 0 10px var(--gold-shadow);
                }

                /* face copy: the actual visible gold panels */
                .layer-face {
                    position: absolute;
                    inset: 0;
                }
                .layer-face .panel-base,
                .layer-face .panel-tall {
                    background: var(--gold);
                }

                .card-content {
                    position: absolute;
                    inset: 0;
                    display: flex;
                    align-items: flex-end;
                    justify-content: space-between;
                    padding: 14px 16px 14px 48px;
                    z-index: 5;
                }

                .card-left-info {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    align-items: center;
                    text-align: center;
                    width: 210px;
                    height: 120px;
                }

                .items {
                    margin: 0 0 4px 0;
                    padding: 0;
                    list-style: none;
                    font-family: 'Signaturide', serif;
                    font-weight: 700;
                    font-size: 20px;
                    line-height: 1.3;
                    color: var(--green-dark);
                    text-transform: uppercase;
                    text-align: center;
                }

                .price {
                    margin: 0;
                    font-family: 'Signaturide', serif;
                    font-weight: 800;
                    font-size: 30px;
                    color: var(--cream);
                    line-height: 1;
                    text-align: center;
                }

                /* ---------- IMAGE SLOT (combo photo) ---------- */
                .photo {
                    align-self: flex-end;
                    width: 165px;
                    height: 165px;
                    background: var(--photo-gray);
                    border-radius: 18px;
                    object-fit: cover;
                    object-position: center;
                    display: block;
                }

                @media (max-width: 540px) {
                    .gold-card-outer {
                        transform: scale(0.85);
                        transform-origin: top center;
                        margin-bottom: -30px;
                    }
                }
                @media (max-width: 420px) {
                    .gold-card-outer {
                        transform: scale(0.68);
                        transform-origin: top center;
                        margin-bottom: -70px;
                    }
                }

                .custom-cards-container {
                    display: flex;
                    justify-content: center;
                    gap: 80px;
                    padding: 40px 20px;
                    flex-wrap: wrap;
                }
                .custom-card {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 320px;
                }

                
                .custom-placeholder {
                    width: 100%;
                    height: 180px;
                    background-color: #999999;
                    border-radius: 20px;
                    margin-bottom: 20px; /* Add space between placeholder and description card */
                    z-index: 1;
                    position: relative;
                    box-shadow: -8px 8px 15px rgba(0,0,0,0.2);
                    object-fit: cover;
                    object-position: center;
                    display: block;
                }

                .custom-description {
                    background-color: #FFF0D0;
                    width: 100%;
                    box-sizing: border-box;
                    border-radius: 20px;
                    padding: 15px 20px;
                    z-index: 2;
                    position: relative;
                    box-shadow: -8px 8px 15px rgba(0,0,0,0.2);
                    font-family: 'Signaturide', serif;
                }
                .custom-description.gold {
                    background-color: #CEA248;
                }
                .custom-description.gold .custom-desc-header {
                    color: #FFFFFF;
                }
                .custom-description.gold .custom-ingredient {
                    color: #FFFFFF;
                }
                .custom-description.gold .custom-ingredient::before {
                    background-color: #284A27;
                }
                .custom-description.gold .custom-price {
                    color: #284A27;
                }
                .custom-desc-header {
                    text-align: center;
                    font-family: 'Signaturide', serif;
                    font-size: 1.5rem;
                    font-weight: 800;
                    color: #284A27;
                    margin-bottom: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                }
                .custom-desc-body {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end;
                }
                .custom-ingredients-col {
                    display: flex;
                    flex-direction: column;
                    gap: 4px;
                }

                /* ---------- INGREDIENTS: keep the original sans-serif ---------- */
                .custom-ingredient {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 0.75rem;
                    font-weight: 700;
                    color: #1a1a1a;
                    display: flex;
                    align-items: center;
                }
                .custom-ingredient::before {
                    content: '';
                    display: inline-block;
                    width: 5px;
                    height: 5px;
                    background-color: #CEA248;
                    border-radius: 50%;
                    margin-right: 6px;
                }
                .custom-price-col {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-end;
                    justify-content: flex-end;
                }
                .custom-price {
                    font-family: 'Signaturide', serif;
                    font-size: 1.8rem;
                    font-weight: 900;
                    color: #CEA248;
                    line-height: 1;
                    margin-top: 5px;
                }
                .ingredient-row {
                    display: flex;
                    gap: 15px;
                }
                
                .custom-cards-container {
                    display: flex;
                    justify-content: center;
                    gap: 80px;
                    padding: 40px 20px;
                    flex-wrap: wrap;
                }
                .custom-card {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 320px;
                }

                .custom-placeholder {
                    width: 100%;
                    height: 180px;
                    background-color: #999999;
                    border-radius: 20px;
                    margin-bottom: 20px;
                    z-index: 1;
                    position: relative;
                    box-shadow: -8px 8px 15px rgba(0,0,0,0.2);
                    object-fit: cover;
                    object-position: center;
                    display: block;
                }

                .custom-description {
                    background-color: #FFF0D0;
                    width: 100%;
                    box-sizing: border-box;
                    border-radius: 20px;
                    padding: 15px 20px;
                    z-index: 2;
                    position: relative;
                    box-shadow: -8px 8px 15px rgba(0,0,0,0.2);
                    font-family: 'Signaturide', serif;
                }
                .custom-description.gold {
                    background-color: #CEA248;
                }
                .custom-description.gold .custom-desc-header {
                    color: #FFFFFF;
                }
                .custom-description.gold .custom-ingredient {
                    color: #FFFFFF;
                }
                .custom-description.gold .custom-ingredient::before {
                    background-color: #284A27;
                }
                .custom-description.gold .custom-price {
                    color: #284A27;
                }
                .custom-desc-header {
                    text-align: center;
                    font-family: 'Signaturide', serif;
                    font-size: 1.5rem;
                    font-weight: 800;
                    color: #284A27;
                    margin-bottom: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                }
                .custom-desc-body {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end;
                }
                .custom-ingredients-col {
                    display: flex;
                    flex-direction: column;
                    gap: 4px;
                }
                .custom-ingredient {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 0.75rem;
                    font-weight: 700;
                    color: #1a1a1a;
                    display: flex;
                    align-items: center;
                }
                .custom-ingredient::before {
                    content: '';
                    display: inline-block;
                    width: 5px;
                    height: 5px;
                    background-color: #CEA248;
                    border-radius: 50%;
                    margin-right: 6px;
                }
                .custom-price-col {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-end;
                    justify-content: flex-end;
                }
                .custom-price {
                    font-family: 'Signaturide', serif;
                    font-size: 1.8rem;
                    font-weight: 900;
                    color: #CEA248;
                    line-height: 1;
                    margin-top: 5px;
                }
                .ingredient-row {
                    display: flex;
                    gap: 15px;
                }

                /* ---------- Sticky submenu + smooth scroll ---------- */
                html {
                    scroll-behavior: smooth;
                }

                #combos,
                #panuozzi,
                #build-your-own,
                #dolci,
                #bebidas {
                    scroll-margin-top: 200px;
                }

                .submenu-container {
                    position: -webkit-sticky;
                    position: sticky;
                    top: 120px;
                    z-index: 900;
                }

                .dropdown-menu a,
                .submenu-list a,
                .build-text-area,
                .build-title,
                .build-subtitle,
                .build-elije,
                .build-options,
                .sec3-footer-left,
                .sec3-footer-center,
                .sec3-footer-right {
                    font-family: 'Signaturide', serif;
                }

                .custom-desc-icon {
    height: 24px;
    width: auto;
    display: block;
    object-fit: contain;
}

/* Left icon is mirrored so the two face each other */
.custom-desc-header .custom-desc-icon:first-child {
    transform: scaleX(-1);
}

@media (max-width: 420px) {
    .custom-desc-icon { height: 18px; }
}

                @media (max-width: 768px) {
                    .submenu-container {
                        top: 60px;
                    }

                    #combos,
                    #panuozzi,
                    #build-your-own,
                    #dolci,
                    #bebidas {
                        scroll-margin-top: 240px;
                    }

                    .submenu-list {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 8px;
                        width: 100%;
                        padding: 8px;
                        background-color: transparent;
                        border-radius: 0;
                        box-shadow: none;
                    }

                    .submenu-list li {
                        display: flex;
                        justify-content: center;
                    }

                    .submenu-list li:nth-child(5) {
                        grid-column: 1 / -1;
                    }

                    .submenu-list a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                        background-color: #FFF0D0;
                        color: #284A27;
                        font-size: 0.85rem;
                        padding: 10px 8px;
                        border-radius: 50px;
                        box-shadow: -3px 3px 0px rgba(0, 0, 0, 0.35);
                        text-align: center;
                        line-height: 1.1;
                        transition: color 0.25s ease;
                    }

                    .submenu-list li:nth-child(5) a {
                        max-width: 60%;
                    }
                }

                @media (max-width: 480px) {
                    .custom-cards-container {
                        gap: 40px;
                        padding: 30px 15px;
                    }
                    .custom-card {
                        width: 100%;
                        max-width: 320px;
                    }
                    .gold-card-outer {
                        padding: 0px 0px;
                        transform: scale(0.8);
                    }

                    .combo-badge{
                        left: -75px;
                    }

                    .brand-above {
                        font-size: 28px;
                        top: 10px;
                        left: 0;
                    }

                    .card-content {
                        padding: 14px 16px 14px 16px;
                    }
                }

                /* ---------- small phones ---------- */
                @media (max-width: 420px) {
                    .custom-cards-container {
                        gap: 40px;
                        padding: 30px 15px;
                    }
                    .custom-card {
                        width: 100%;
                        max-width: 320px;
                    }
                }

               
.custom-desc-header.chilli-header .custom-desc-icon:first-child {
    transform: none;
}

.custom-desc-header.chilli-header .custom-desc-icon:last-child {
    transform: scaleX(-1);
}