/* =========================================================
   BAITHAK — DARK LIQUID GLASS THEME
   ========================================================= */

:root {
    --glass-bg: rgba(20, 35, 33, 0.58);
    --glass-bg-light: rgba(255, 248, 230, 0.08);
    --glass-border: rgba(255, 255, 255, 0.14);
    --glass-highlight: rgba(255, 255, 255, 0.18);

    --dark-bg: #0d1715;
    --dark-bg-2: #13231f;
    --dark-bg-3: #1a2d28;

    --cream-new: #f1e8d6;
    --text-muted: #b9b4a8;

    --teal-new: #245c52;
    --teal-glow: rgba(55, 145, 126, 0.22);

    --gold-new: #d5a84b;
    --gold-glow: rgba(213, 168, 75, 0.18);

    --red-new: #b94b38;

    --glass-shadow:
        0 20px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}


/* ================= BODY ================= */

html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(
            circle at 20% 10%,
            rgba(45, 110, 95, 0.25),
            transparent 35%
        ),

        radial-gradient(
            circle at 80% 30%,
            rgba(184, 134, 46, 0.12),
            transparent 30%
        ),

        radial-gradient(
            circle at 50% 90%,
            rgba(140, 46, 29, 0.10),
            transparent 30%
        ),

        linear-gradient(
            145deg,
            #09110f,
            #10201c 45%,
            #0b1513
        ) !important;

    background-attachment: fixed !important;

    color: var(--cream-new) !important;

    min-height: 100vh;
}


/* subtle atmospheric light */

body::before {
    content: "";

    position: fixed;
    inset: 0;

    pointer-events: none;
    z-index: -2;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(55, 150, 130, 0.10),
            transparent 25%
        ),

        radial-gradient(
            circle at 90% 70%,
            rgba(213, 168, 75, 0.08),
            transparent 25%
        );
}


/* ================= THREE JS ================= */

#three-container {
    position: fixed;

    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    pointer-events: none;

    z-index: 0;

    opacity: 0.75;
}

#three-container canvas {
    width: 100%;
    height: 100%;

    display: block;
}


/* keep website above Three.js */

header,
.hero,
main,
footer {
    position: relative;
    z-index: 2;
}


/* ================= HEADER GLASS ================= */

header.site {

    background:
        linear-gradient(
            135deg,
            rgba(15, 45, 40, 0.80),
            rgba(10, 28, 25, 0.65)
        ) !important;

    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);

    border-bottom:
        1px solid rgba(216, 172, 85, 0.35) !important;

    box-shadow:
        0 8px 35px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255,255,255,0.10);
}


/* ================= NAVIGATION PILLS ================= */

nav.tabs button {

    background:
        rgba(255,255,255,0.055) !important;

    border:
        1px solid rgba(255,255,255,0.13) !important;

    backdrop-filter: blur(12px);

    color:
        rgba(249,243,228,0.82) !important;

    transition:
        transform .25s ease,
        background .25s ease,
        border .25s ease,
        box-shadow .25s ease;
}


nav.tabs button:hover {

    transform: translateY(-2px);

    background:
        rgba(255,255,255,0.10) !important;

    border-color:
        rgba(216,172,85,0.55) !important;
}


nav.tabs button.active {

    background:
        linear-gradient(
            135deg,
            rgba(216,172,85,0.95),
            rgba(184,134,46,0.85)
        ) !important;

    color:
        #15110c !important;

    border-color:
        rgba(255,220,140,0.7) !important;

    box-shadow:
        0 6px 20px rgba(184,134,46,0.20);
}


/* ================= HERO ================= */

.hero {

    margin-top: 35px !important;
    margin-bottom: 35px !important;

    border:
        1px solid rgba(255,255,255,0.10);

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.075),
            rgba(255,255,255,0.025)
        );

    backdrop-filter:
        blur(22px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(22px)
        saturate(140%);

    box-shadow:
        0 30px 80px rgba(0,0,0,0.32),
        inset 0 1px 0 rgba(255,255,255,0.12);

    overflow: hidden;
}


/* glass shine */

.hero::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -300px;
    left: -100px;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,0.12),
            transparent 65%
        );

    pointer-events: none;
}


.hero h1 {

    color:
        #f4ead7 !important;

    text-shadow:
        0 8px 30px rgba(0,0,0,0.35);
}


.hero h1 span {

    color:
        #df725c !important;
}


.hero p.lede {

    color:
        rgba(239,231,215,0.72) !important;

    line-height: 1.75;
}


/* ================= PILLS ================= */

.pill {

    color:
        rgba(245,236,218,0.86) !important;

    background:
        rgba(255,255,255,0.055) !important;

    border:
        1px solid rgba(255,255,255,0.12) !important;

    backdrop-filter:
        blur(12px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08);
}


/* ================= HERO ART ================= */

.hero-art {

    background:
        linear-gradient(
            145deg,
            rgba(28,76,67,0.68),
            rgba(10,30,27,0.58)
        ) !important;

    border:
        1px solid rgba(255,255,255,0.13);

    border-radius:
        24px !important;

    backdrop-filter:
        blur(20px);

    box-shadow:
        0 25px 60px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.12);

    transform-style:
        preserve-3d;

    transition:
        transform .18s ease-out;
}


.hero-art svg {

    filter:
        drop-shadow(
            0 15px 25px rgba(0,0,0,.35)
        );

    transform:
        translateZ(30px);
}


/* ================= BUTTONS ================= */

.btn-primary,
.add-btn {

    background:
        linear-gradient(
            135deg,
            #32766a,
            #1c5148
        ) !important;

    color:
        #f8f0df !important;

    border:
        1px solid rgba(255,255,255,0.13) !important;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.15) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.btn-primary:hover,
.add-btn:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 14px 30px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.20) !important;
}


.btn-outline {

    color:
        var(--cream-new) !important;

    border:
        1px solid rgba(255,255,255,0.25) !important;

    background:
        rgba(255,255,255,0.045) !important;

    backdrop-filter:
        blur(10px);

    transition:
        all .25s ease;
}


.btn-outline:hover {

    background:
        rgba(255,255,255,0.10) !important;

    transform:
        translateY(-3px);
}


/* ================= SECTION TITLES ================= */

.section-head h2 {

    color:
        #e7c983 !important;

    text-shadow:
        0 5px 20px rgba(0,0,0,0.25);
}


.section-sub {

    color:
        rgba(239,231,215,0.55) !important;
}


/* ================= MENU CARDS ================= */

.card {

    position: relative;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.075),
            rgba(255,255,255,0.025)
        ) !important;

    border:
        1px solid rgba(255,255,255,0.10) !important;

    border-radius:
        18px !important;

    backdrop-filter:
        blur(18px)
        saturate(130%);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(130%);

    box-shadow:
        0 15px 40px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.08);

    transform-style:
        preserve-3d;

    will-change:
        transform;

    transition:
        box-shadow .25s ease,
        border .25s ease;
}


.card::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius:
        inherit;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.10),
            transparent 30%
        );

    opacity:
        0;

    transition:
        opacity .25s ease;

    pointer-events:
        none;
}


.card:hover {

    border-color:
        rgba(216,172,85,0.28) !important;

    box-shadow:
        0 25px 60px rgba(0,0,0,0.30),
        0 0 30px rgba(184,134,46,0.05),
        inset 0 1px 0 rgba(255,255,255,0.12) !important;
}


.card:hover::before {

    opacity:
        1;
}


.card h3 {

    color:
        #f2e8d5 !important;

    transform:
        translateZ(18px);
}


.card .price {

    color:
        #e4b85c !important;

    transform:
        translateZ(28px);
}


.card .desc {

    color:
        rgba(239,231,215,0.60) !important;
}


.card .veg {

    color:
        #8bd18b !important;

    border-color:
        rgba(100,190,110,0.45) !important;

    background:
        rgba(70,150,80,0.08);
}


/* ================= SELECT ================= */

.qty-select {

    background:
        rgba(255,255,255,0.07) !important;

    color:
        #eee5d3 !important;

    border:
        1px solid rgba(255,255,255,0.13) !important;
}


.qty-select option {

    background:
        #17231f;

    color:
        #eee5d3;
}


/* ================= CHECKER DIVIDERS ================= */

.checker {

    opacity:
        0.45 !important;
}


.checker.brass {

    opacity:
        0.55 !important;
}


/* ================= CART BUTTON ================= */

.cart-btn {

    background:
        linear-gradient(
            135deg,
            rgba(177,65,48,0.90),
            rgba(110,33,21,0.90)
        ) !important;

    border:
        1px solid rgba(255,255,255,0.12) !important;

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 10px 25px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.13) !important;
}


/* ================= CART DRAWER ================= */

.drawer {

    background:
        rgba(13,26,23,0.86) !important;

    backdrop-filter:
        blur(28px)
        saturate(150%);

    -webkit-backdrop-filter:
        blur(28px)
        saturate(150%);

    border-left:
        1px solid rgba(255,255,255,0.10);

    box-shadow:
        -25px 0 70px rgba(0,0,0,0.45) !important;
}


.drawer-head {

    background:
        rgba(31,75,68,0.48) !important;

    backdrop-filter:
        blur(20px);

    border-bottom:
        1px solid rgba(255,255,255,0.08);
}


.drawer-body {

    color:
        var(--cream-new);
}


.drawer-foot {

    background:
        rgba(255,255,255,0.035) !important;

    border-color:
        rgba(255,255,255,0.10) !important;
}


.cart-item {

    border-color:
        rgba(255,255,255,0.10) !important;
}


.cart-item-info .unit {

    color:
        rgba(239,231,215,0.60) !important;
}


/* ================= OVERLAY ================= */

.overlay {

    background:
        rgba(3,9,8,0.62) !important;

    backdrop-filter:
        blur(7px);
}


/* ================= MODALS ================= */

.modal {

    background:
        rgba(3,9,8,0.65) !important;

    backdrop-filter:
        blur(8px);
}


.modal-card {

    background:
        rgba(18,31,28,0.88) !important;

    color:
        var(--cream-new);

    border:
        1px solid rgba(255,255,255,0.12);

    backdrop-filter:
        blur(30px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(30px)
        saturate(140%);

    box-shadow:
        0 35px 100px rgba(0,0,0,0.55),
        inset 0 1px 0 rgba(255,255,255,0.10) !important;
}


.modal-head {

    background:
        rgba(31,75,68,0.48) !important;

    border-bottom:
        1px solid rgba(255,255,255,0.08);
}


/* ================= FORM ================= */

.field label {

    color:
        rgba(239,231,215,0.65) !important;
}


.field input,
.field select,
.field textarea {

    background:
        rgba(255,255,255,0.055) !important;

    color:
        #f1e8d6 !important;

    border:
        1px solid rgba(255,255,255,0.12) !important;

    backdrop-filter:
        blur(12px);
}


.field input::placeholder,
.field textarea::placeholder {

    color:
        rgba(239,231,215,0.35);
}


.field select option {

    background:
        #17231f;

    color:
        #f1e8d6;
}


/* ================= ORDER SUMMARY ================= */

.order-summary,
.upi-box {

    background:
        rgba(255,255,255,0.045) !important;

    border-color:
        rgba(255,255,255,0.12) !important;
}


/* ================= CHAT ================= */

.chat-toggle {

    background:
        linear-gradient(
            135deg,
            #bd523e,
            #762719
        ) !important;

    border:
        1px solid rgba(255,255,255,0.15);

    box-shadow:
        0 12px 35px rgba(0,0,0,0.40),
        0 0 30px rgba(140,46,29,0.18) !important;

    animation:
        baithakBreath 3s ease-in-out infinite;
}


@keyframes baithakBreath {

    0%,100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-4px)
            scale(1.04);
    }
}


.chat-window {

    background:
        rgba(15,29,26,0.90) !important;

    border:
        1px solid rgba(255,255,255,0.11);

    backdrop-filter:
        blur(26px)
        saturate(150%);

    -webkit-backdrop-filter:
        blur(26px)
        saturate(150%);

    box-shadow:
        0 25px 70px rgba(0,0,0,0.48) !important;
}


.chat-head {

    background:
        rgba(31,75,68,0.58) !important;
}


.chat-body,
.quick-replies {

    background:
        rgba(255,255,255,0.025) !important;
}


.msg.bot {

    background:
        rgba(255,255,255,0.075) !important;

    color:
        #eee5d3;

    border-color:
        rgba(255,255,255,0.10) !important;
}


.msg.user {

    background:
        rgba(42,103,91,0.85) !important;
}


.quick-replies button {

    background:
        rgba(255,255,255,0.06) !important;

    color:
        #eee5d3;

    border-color:
        rgba(255,255,255,0.10) !important;
}


.chat-input-row {

    background:
        rgba(255,255,255,0.04) !important;

    border-color:
        rgba(255,255,255,0.10) !important;
}


.chat-input-row input {

    color:
        #eee5d3;
}


/* ================= FOOTER ================= */

footer {

    background:
        linear-gradient(
            180deg,
            rgba(8,22,19,0.88),
            rgba(5,14,12,0.96)
        ) !important;

    border-top:
        1px solid rgba(216,172,85,0.16);

    backdrop-filter:
        blur(20px);
}


/* ================= SCROLL REVEAL ================= */

.section-block {

    opacity:
        0;

    transform:
        translateY(35px);

    transition:
        opacity .7s ease,
        transform .7s ease;
}


.section-block.reveal-visible {

    opacity:
        1;

    transform:
        translateY(0);
}


/* ================= RESPONSIVE ================= */

@media(max-width:860px) {

    .hero {

        margin:
            18px 12px 30px !important;

        border-radius:
            22px;
    }


    .card {

        transform:
            none !important;
    }

}


@media(max-width:480px) {

    .hero {

        border-radius:
            18px;
    }

}


/* ================= ACCESSIBILITY ================= */

@media(prefers-reduced-motion:reduce) {

    *,
    *::before,
    *::after {

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

}
/* =========================================================
   PRODUCTION PERFORMANCE OVERRIDES
   ========================================================= */
.section-block {
    content-visibility: auto;
    contain-intrinsic-size: 1px 700px;
}
.card, .hero-art { backface-visibility: hidden; }

@media (max-width: 768px), (pointer: coarse) {
    .card {
        backdrop-filter: blur(7px) saturate(115%);
        -webkit-backdrop-filter: blur(7px) saturate(115%);
        transform: none !important;
    }
    .hero {
        backdrop-filter: blur(11px) saturate(120%);
        -webkit-backdrop-filter: blur(11px) saturate(120%);
    }
    header.site {
        backdrop-filter: blur(12px) saturate(125%);
        -webkit-backdrop-filter: blur(12px) saturate(125%);
    }
    #three-container { opacity: .52; }
    .chat-toggle { animation: none; }
}
\n\n/* ===== Story, payments, GST, feedback ===== */
.story-section,.feedback-section{max-width:1180px;margin:54px auto;padding:0 22px;position:relative;z-index:2}.story-glass,.feedback-glass,.reviews-glass{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);border-radius:28px;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 25px 70px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);padding:30px}.story-kicker{font-size:.72rem;letter-spacing:2.4px;color:#d8ac55;margin-bottom:8px}.story-glass h2,.feedback-section h2{font-family:'Rozha One',serif;font-size:2.25rem;font-weight:400;margin:0 0 10px;color:#f1e8d6}.story-lede,.feedback-glass>p{color:rgba(239,231,215,.68);max-width:850px;line-height:1.75}.story-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.story-timeline article{padding:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.story-timeline span{font-family:'Courier Prime',monospace;color:#d8ac55;font-size:.75rem}.story-timeline h3{margin:8px 0 5px;color:#f1e8d6}.story-timeline p{margin:0;color:rgba(239,231,215,.58);font-size:.82rem;line-height:1.55}.payment-slabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-slab{min-height:84px;text-align:left;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#f1e8d6;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.payment-slab:hover{transform:translateY(-2px);background:rgba(255,255,255,.075)}.payment-slab.sel{border-color:rgba(216,172,85,.7);background:rgba(184,134,46,.12);box-shadow:0 8px 24px rgba(184,134,46,.1),inset 0 1px rgba(255,255,255,.1)}.pay-icon{grid-row:1/3;font-size:1.35rem;color:#d8ac55;align-self:center}.payment-slab strong{font-size:.88rem}.payment-slab small{color:rgba(239,231,215,.52);font-size:.7rem}.payment-detail{display:none;margin:12px 0 16px;padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}.payment-detail.show{display:block;animation:payReveal .25s ease both}@keyframes payReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.payment-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.amount-chip{font-family:'Courier Prime',monospace;color:#e4b85c;background:rgba(216,172,85,.1);border:1px solid rgba(216,172,85,.2);padding:5px 9px;border-radius:999px}.upi-id-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.upi-id{color:#f1e8d6!important}.copy-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#f1e8d6;border-radius:8px;padding:5px 9px;font-size:.7rem}.bank-details{display:grid;gap:8px}.bank-details>div{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.035)}.bank-details span{font-size:.72rem;color:rgba(239,231,215,.5)}.bank-details strong{font-size:.82rem;overflow-wrap:anywhere}.payment-note,.counter-pay p{font-size:.72rem;line-height:1.5;color:rgba(239,231,215,.5);margin:12px 0 0}.counter-pay p{margin-top:5px}.tax-divider{border-top:1px dashed rgba(255,255,255,.12);margin:7px 0}.tax-row{color:rgba(239,231,215,.65)}.feedback-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.star-picker{display:flex;gap:5px}.star-picker button{background:none;border:0;color:rgba(216,172,85,.25);font-size:1.8rem;padding:0 2px;transition:transform .15s,color .15s}.star-picker button.active{color:#d8ac55}.star-picker button:hover{transform:scale(1.12)}.feedback-status{min-height:20px;margin-top:10px;color:#8bd18b;font-size:.78rem}.reviews-list{display:grid;gap:10px;margin-top:15px;max-height:430px;overflow:auto}.review-card{padding:14px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.review-top{display:flex;justify-content:space-between;gap:10px}.review-name{font-weight:600;color:#f1e8d6}.review-stars{color:#d8ac55;letter-spacing:1px}.review-card p{color:rgba(239,231,215,.62);font-size:.82rem;line-height:1.55;margin:8px 0 0}.review-empty{color:rgba(239,231,215,.5);font-size:.85rem;padding:20px 0}
@media(max-width:860px){.story-timeline{grid-template-columns:repeat(2,1fr)}.feedback-grid{grid-template-columns:1fr}}@media(max-width:560px){.story-section,.feedback-section{padding:0 12px;margin:32px auto}.story-glass,.feedback-glass,.reviews-glass{padding:20px;border-radius:20px}.story-timeline,.payment-slabs{grid-template-columns:1fr}.bank-details>div{grid-template-columns:1fr auto}.bank-details span{grid-column:1/-1}}


/* ===== Premium checkout verification + confirmation ===== */
.verification-slab{display:none;grid-template-columns:48px 1fr;gap:14px;margin:12px 0 16px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(216,172,85,.11),rgba(255,255,255,.035));border:1px solid rgba(216,172,85,.28);box-shadow:inset 0 1px rgba(255,255,255,.1)}
.verification-slab.show{display:grid;animation:payReveal .28s ease both}.verification-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(216,172,85,.15);border:1px solid rgba(216,172,85,.3);color:#e4b85c;font-size:1.25rem}.verification-slab strong{color:#f1e8d6}.verification-slab p{font-size:.73rem;line-height:1.55;color:rgba(239,231,215,.56);margin:5px 0 12px}.verification-label{display:block;font-size:.67rem;letter-spacing:.6px;text-transform:uppercase;color:rgba(239,231,215,.52);margin-bottom:6px}.verification-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.verification-row input{min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#f1e8d6;padding:10px 11px;font:inherit}.verification-state{font-size:.66rem;color:#d8ac55}.verification-state.error{color:#ff8d7a}
.order-toast{position:fixed;top:110px;left:50%;z-index:140;display:flex;align-items:center;gap:12px;min-width:min(420px,calc(100vw - 28px));padding:14px 18px;border-radius:18px;background:rgba(13,32,28,.88);border:1px solid rgba(123,219,160,.28);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 22px 65px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.1);transform:translate(-50%,-24px) scale(.96);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.order-toast.show{transform:translate(-50%,0) scale(1);opacity:1}.order-toast-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(82,190,126,.15);color:#8be0a8;border:1px solid rgba(139,224,168,.25);font-weight:800}.order-toast strong{display:block;color:#f1e8d6}.order-toast small{display:block;margin-top:2px;color:rgba(239,231,215,.6)}

/* ===== Cute lightweight Baithak bot mascot ===== */
.bot-mascot{position:fixed;right:21px;bottom:82px;width:78px;height:94px;z-index:69;pointer-events:none;filter:drop-shadow(0 14px 20px rgba(0,0,0,.3));animation:botFloat 3.2s ease-in-out infinite}.bot-head{position:absolute;left:16px;top:16px;width:48px;height:38px;border-radius:19px 19px 15px 15px;background:linear-gradient(145deg,#e8c36e,#b8862e);border:2px solid rgba(255,255,255,.22)}.bot-eye{position:absolute;top:13px;width:6px;height:8px;border-radius:50%;background:#153934;animation:botBlink 4.6s infinite}.bot-eye.left{left:12px}.bot-eye.right{right:12px}.bot-smile{position:absolute;left:18px;top:23px;width:12px;height:6px;border-bottom:2px solid #153934;border-radius:0 0 10px 10px}.bot-cup{position:absolute;left:12px;top:48px;width:55px;height:36px;border-radius:6px 6px 19px 19px;background:linear-gradient(145deg,#245c52,#153934);border:2px solid rgba(216,172,85,.7)}.bot-handle{position:absolute;right:3px;top:54px;width:19px;height:20px;border:4px solid #b8862e;border-left:0;border-radius:0 14px 14px 0}.bot-heart{position:absolute;left:20px;top:7px;color:#ef826d;font-size:13px}.bot-steam{position:absolute;top:0;width:8px;height:20px;border-left:2px solid rgba(241,232,214,.65);border-radius:50%;animation:botSteam 2.2s ease-in-out infinite}.bot-steam-a{left:31px}.bot-steam-b{left:44px;animation-delay:.7s}.bot-wave{position:absolute;right:-4px;top:30px;color:#e4b85c;font-size:25px;transform-origin:left center;animation:botWave 2.6s ease-in-out infinite}.bot-bubble{position:absolute;right:70px;top:23px;white-space:nowrap;padding:7px 10px;border-radius:12px 12px 3px 12px;background:rgba(15,35,31,.88);border:1px solid rgba(255,255,255,.12);color:#f1e8d6;font-size:.66rem;opacity:0;transform:translateX(8px);animation:botBubble 8s ease-in-out infinite}
@keyframes botFloat{50%{transform:translateY(-7px) rotate(1.5deg)}}@keyframes botBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}@keyframes botSteam{0%{opacity:0;transform:translateY(8px) scale(.8)}45%{opacity:.8}100%{opacity:0;transform:translateY(-12px) translateX(4px) scale(1.15)}}@keyframes botWave{0%,65%,100%{transform:rotate(0)}72%{transform:rotate(-22deg)}79%{transform:rotate(20deg)}86%{transform:rotate(-15deg)}}@keyframes botBubble{0%,72%,100%{opacity:0;transform:translateX(8px) scale(.96)}76%,92%{opacity:1;transform:none}}
.chat-window.show~*{} body:has(.chat-window.show) .bot-mascot{animation-duration:1.8s}.chat-window.show + *{ }

/* ===== Sample review performance ===== */
.review-card.sample-review{position:relative}.sample-badge{display:inline-block;margin-top:9px;padding:3px 7px;border-radius:999px;font-size:.58rem;letter-spacing:.5px;text-transform:uppercase;color:#d8ac55;background:rgba(216,172,85,.08);border:1px solid rgba(216,172,85,.15)}.reviews-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 4px;color:rgba(239,231,215,.52);font-size:.72rem}.reviews-more{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#f1e8d6;border-radius:10px;padding:7px 10px}.review-card{content-visibility:auto;contain-intrinsic-size:100px}
@media(max-width:560px){.verification-row{grid-template-columns:1fr}.verification-slab{grid-template-columns:1fr}.bot-mascot{right:14px;bottom:78px;transform:scale(.88);transform-origin:bottom right}.bot-bubble{display:none}.order-toast{top:88px}}


/* =========================================================
   BUTTER-SMOOTH RENDERING OPTIMIZATIONS
   Preserve visual quality while reducing layout/paint work.
   ========================================================= */
#three-container, #three-container canvas { contain: strict; }
.hero-art, .card { backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0); }
.card { contain: layout style; }
.section-block { contain: layout style; content-visibility: auto; contain-intrinsic-size: 900px; }
.story-section, .feedback-section, footer { content-visibility: auto; contain-intrinsic-size: 700px; }
.drawer, .modal-card, .chat-window, .order-toast { transform: translateZ(0); backface-visibility: hidden; }
.reviews-list { overscroll-behavior: contain; }
@media (pointer:fine) { .card, .hero-art { will-change: transform; } }
@media (pointer:coarse) { .card, .hero-art { will-change: auto; } }