:root{
    --brand-bg: #2b1a14;       /* deep cocoa like the PDF */
    --brand-paper: #fdfeff;    /* warm paper - #fbf2e4*/
    --brand-accent: #d1a46e;   /* gold */
    --ink: #2a2a2a;
    /*--cocoa: #1a2a43;
    --cocoa2: #3b261e;
    --paper: #fdfeff;
    --gold: #d1a46e;*/
    --cocoa-rgb: 26 42 67;
    --cocoa2-rgb: 59 38 30;
    --paper-rgb: 253 254 255;
    --gold-rgb: 209 164 110;
    --card: 0 10px 30px rgba(0,0,0,.25);
    --cardHover: 0 18px 40px rgba(0,0,0,.3);
        --creamemboss-rgb:251 242 228;
}
body{
    /*background: linear-gradient(180deg, var(--brand-bg), #3b261e 55%, var(--brand-bg));*/
    background-color: #1a2a43 !important;
    min-height: 100vh;
    font-feature-settings:"ss01" on, "liga" on;
    color: rgba(255,255,255,.92);
    background: url(../../images/mimas/bg-pettran.png);
    background-repeat: repeat;
}
 /* Planet glow on right card */
        .planet-glow{
            position:absolute;
            right:-60px;
            top:10px;
            width:220px;
            height:220px;
            background: radial-gradient(closest-side, rgba(255,255,255,.18), transparent 65%);
            filter: blur(2px);
            opacity:.22;
            pointer-events:none;
            border-radius: 9999px;
        }
          /* Card: glassy panel, no border; soft glow frame via ::before mask */
        .menu-card{
            background: radial-gradient(1000px 600px at 50% -10%, rgba(255,255,255,.04), transparent 60%), var(--tw-color-panel);
            position: relative;
            border-radius: 1rem;
        }
        .menu-card::before{
            content:"";
            position:absolute;
            inset:0;
            border-radius: inherit;
            pointer-events:none;
            /* gradient frame with inner cutout -> gives a glow edge without border */
            background:
                radial-gradient(140% 100% at 50% 0%, rgba(209,164,110,.18), transparent 60%) padding-box,
                radial-gradient(100% 120% at 50% 100%, rgba(209,164,110,.10), transparent 60%) padding-box;
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
            mask:
                radial-gradient(closest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
        }

        /* Button: outline -> liquid gold on hover, no border lines shown initially */
        .btn-gold{
            position:relative;
            overflow:hidden;
            color: var(--tw-color-gold);
            letter-spacing:.18em;
            border-radius: .5rem;
            padding:.75rem 2rem;
            box-shadow: 0 0 0 1px rgba(209,164,110,.55) inset;
            transition: transform .15s ease, box-shadow .2s ease, color .2s ease, background-color .2s ease;
            background: transparent;
        }
        .btn-gold:hover{
            color:#0f2338;
            background: linear-gradient(90deg, #f2d6b3, #d1a46e);
            transform: translateY(-1px);
            box-shadow: 0 8px 24px rgba(209,164,110,.25), 0 0 0 999px inset rgba(255,255,255,.0);
        }
        .btn-gold:hover::after{
            content:"";
            position:absolute;
            top:0;
            bottom:0;
            width:60%;
            background: linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.35), rgba(255,255,255,.0));
            animation: sheen 1.2s ease;
        }
          .circle-text {
            font-variant-ligatures: none;
            letter-spacing: .18em;
        }
.paper{
    background: var(--brand-paper);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    border: 1px solid rgba(0,0,0,.06);
}
.brand-title{
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.card.menu-card{
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    transition: transform .2s ease, box-shadow .2s ease;
}
.card.menu-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(0,0,0,.25);
}
.badge-veg{
    background:#1f8b24 !important;
}
.badge-nonveg{
    background:#9c1a1a !important;
}
.price-chip{
    background:rgba(0,0,0,.05);
    padding:.25rem .5rem;
    border-radius:999px;
    font-weight:600;
}
.img-fit{
    width:100%;
    height: 180px;
    object-fit: cover;
}
.image-fallback{
    width:100%;
    height: 180px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
    color:#fff;
    letter-spacing:.08em;
}
.filter-toggle{
    display:none;
}

h1.font-display.text-gold.tracking-widest {
    color: #fdfeff;
    font-weight: 300;
}
.font-sans.text-cocoa p, .font-sans.text-cocoa span, .font-sans.text-cocoa a, .font-sans.text-cocoa ul {
    font-family: 'Urbanist';
}
footer {
    font-family: 'Urbanist';
}
@media (max-width: 991px){
    .filters-canvas{
        position: sticky;
        top:0;
        z-index: 20;
        background: var(--brand-paper);
        border-bottom: 1px solid rgba(0,0,0,.06);
    }
    .filter-toggle{
        display:inline-flex;
    }
}
/* Category scroll pills */
.cat-pills{
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
}
.cat-pills .btn{
    border-radius:999px;
    margin-right:.5rem;
}
.list-price dt{
    color:#6b5a45;
}
.list-price dd{
    margin-bottom:.5rem;
}


/****Terms and conditions****/
/* ===================== MIMAS THEME OVERRIDES ===================== */
/* Add class="mimas" on <body> OR remove `.mimas` prefixes to make global */


/**terms and conditions**/
   .t-a-c .page{
        max-width:1200px;
        margin:0 auto;
        padding:64px 22px 96px
    }

    /* Brand */
   .t-a-c .brand{
        text-align:center;
        margin-bottom:36px
    }
    .t-a-c .brand h1{
        font-family:"Playfair Display", serif;
        font-weight:900;
        margin:0;
        font-size:42px;
        letter-spacing:.5px;
    }
   .t-a-c .brand .tag{
        margin-top:6px;
        font-size:12px;
        letter-spacing:3px;
        color:#cfbfa8;
    }

    /* Layout */
   .t-a-c .grid{
        display:grid;
        grid-template-columns: 260px 1fr;
        gap:56px;
    }
    @media (max-width: 992px){
       .t-a-c .grid{
            grid-template-columns: 1fr;
            gap:28px
        }
    }

    /* Sidebar – elegant text links */
   .t-a-c .side{
        border-right:1px solid rgba(255,255,255,.10);
        padding-right:24px;
        position:sticky;
        top:24px;
        align-self:start;
    }
    @media (max-width: 992px){
        .t-a-c .side{
            border-right:0;
            border-bottom:1px solid rgba(255,255,255,.10);
            padding-right:0;
            padding-bottom:12px
        }
    }
   .t-a-c .side h3{
        margin:.2rem 0 12px;
        font: 800 18px/1 "Playfair Display",serif;
        color:#d1a46e;
        letter-spacing:.4px;
    }
    .t-a-c .nav{
        margin:0;
        padding:0;
        list-style:none;
    }
   .t-a-c .nav a{
        display:block;
        padding:8px 0;
        color:#ebdfcb;
        text-decoration:none;
        font-weight:700;
        transition: color .2s ease;
        position:relative;
    }
    .t-a-c .nav a::before{
        content:"";
        position:absolute;
        left:-14px;
        top:50%;
        transform:translateY(-50%);
        width:2px;
        height:0;
        background:#d1a46e;
        transition: height .2s ease;
    }
   .t-a-c .nav a:hover{
        color:#fff
    }
    .t-a-c .nav a.active{
        color:#fff
    }
   .t-a-c .nav a.active::before{
        height:18px
    }

    /* Content */
    .t-a-c .content h2{
        font: 900 30px/1.25 "Playfair Display",serif;
        color:#f7efe4;
        margin:0 0 6px;
    }
    .t-a-c .content .badge{
        display:inline-block;
        margin:0 0 16px;
        padding:4px 8px;
        border:1px solid rgba(209,164,110,.55);
        color:#d1a46e;
        border-radius:999px;
        font-weight:700;
        font-size:12px;
        letter-spacing:.6px;
    }
    .t-a-c hr.hair{
        border:0;
        border-top:1px solid rgba(255,255,255,.10);
        margin:14px 0 18px
    }

    /* Sections – no boxes, just type */
    .t-a-c .tc{
        counter-reset: sec
    }
    .t-a-c .sec{
        margin:22px 0 26px
    }
    .t-a-c .sec-head{
        display:flex;
        gap:12px;
        align-items:baseline;
        margin-bottom:6px;
    }
    .t-a-c .sec-num{
        counter-increment: sec;
        font: 800 20px/1 "Playfair Display",serif;
        color:#d1a46e;
    }
   .t-a-c .sec-num::after{
        content: counter(sec) "."
    }
    .t-a-c .sec-title{
        margin:0;
        font-weight:800;
        font-size:18px;
        letter-spacing:.2px;
        color:#fff;
    }
    .t-a-c .sec p, .sec ul{
        margin:.35rem 0 0;
        color:#d8c8b1
    }
   .t-a-c .sec ul{
        padding-left:20px
    }
   .t-a-c .note{
        margin-top:18px;
        padding:12px 0;
        color:#e9dcc9;
        border-top:1px dashed rgba(209,164,110,.5);
        border-bottom:1px dashed rgba(209,164,110,.5)
    }