/* TAWHOO mobile app V1 */
.tma-nav{display:none}
@media(max-width:760px){
:root{--tma-clearance:calc(76px + env(safe-area-inset-bottom,0px))}
html{scroll-padding-bottom:calc(var(--tma-clearance) + 16px)}
body.tw-body,body.mk-body{background:#f7faf6;padding-bottom:var(--tma-clearance)!important;-webkit-text-size-adjust:100%}
body.tw-body.tw-pwa-install-visible{padding-bottom:calc(var(--tma-clearance) + 68px)!important}
.tma-nav{position:fixed;inset:auto 0 0;z-index:1100;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:var(--tma-clearance);padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-top:1px solid #dfe9df;box-shadow:0 -8px 30px rgba(24,66,43,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tma-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:16px;color:#6d7d72!important;text-decoration:none;font-size:11px;font-weight:700;touch-action:manipulation}
.tma-tab.is-active{background:#eaf5e9;color:#176b49!important}
.tma-tab:focus-visible{outline:3px solid #176b49;outline-offset:-3px}
.tma-icon{position:relative;display:block;width:26px;height:26px}.tma-icon svg{width:26px;height:26px}
.tma-badge{position:absolute;top:-5px;right:-12px;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#df4d28;color:white;font-size:10px;line-height:19px;text-align:center;border:1px solid white}
.tma-badge.is-empty{display:none}
#pwa-install-button{bottom:calc(var(--tma-clearance) + 12px)!important;left:16px!important;right:auto!important;max-width:calc(100vw - 92px)!important;font-size:12px!important;padding:11px 15px!important;z-index:1200!important}
.mk-chat{bottom:calc(var(--tma-clearance) + 12px)!important;right:16px!important;width:44px;height:44px;z-index:1200}
.tw-header,.mk-header{padding-top:env(safe-area-inset-top);background:rgba(255,255,255,.97);border-bottom-color:#e1eadf}
.tw-container,.mk-shell{width:calc(100% - 32px)}
.tw-page-hero{background:linear-gradient(145deg,#eaf6e8,#fff9e9);padding:26px 0}
.tw-page-hero h1{font-size:28px;line-height:1.35;letter-spacing:-.5px}
.tw-page-hero h1 em{color:#176b49}
.tw-filter{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;border-radius:18px}
.tw-filter input,.tw-filter select,.tw-filter button{min-width:0;max-width:100%;min-height:46px}
.tw-body input:not([type=checkbox]):not([type=radio]),.tw-body select,.tw-body textarea,.mk-body input:not([type=checkbox]):not([type=radio]),.mk-body select{font-size:16px;box-sizing:border-box}
.tw-body input[type=date],.tw-body input[type=time]{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}
.tw-body input::-webkit-date-and-time-value{min-width:0;text-align:left}
.tw-restaurant-card,.tw-menu-card,.ph-restaurant{border:1px solid #e2eadf;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(29,63,38,.045)}
.tw-restaurant-card__body{padding:16px}.tw-restaurant-card h3,.tw-menu-card h3{line-height:1.45}
.tw-btn{min-height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}
.tw-btn--dark{background:#176b49;color:white}
.tw-product{gap:20px;padding-top:18px}.tw-product__image{border-radius:24px;overflow:hidden}.tw-product__detail{min-width:0}.tw-product__detail h1{font-size:26px;line-height:1.4}
.tw-public-nutrition,.tw-summary,.tw-empty{background:#fff;border:1px solid #e0eadd;border-radius:22px;box-shadow:0 5px 20px rgba(29,63,38,.035)}
.tw-summary{position:static;padding:20px}.tw-cart-layout{gap:16px}.tw-add-form>.tw-btn{width:100%}
.ph-hero{border-radius:24px;overflow:hidden}.ph-shortcuts a{border-radius:18px}.ph-head h2{color:#214d34}
.tw-footer,.mk-footer{margin-top:28px}
.tw-cart-drawer{z-index:1300!important}.tw-cart-drawer__panel{padding-bottom:env(safe-area-inset-bottom)}
body.tma-keyboard-open .tma-nav,body.tma-keyboard-open #pwa-install-button,body.tma-keyboard-open .mk-chat{display:none!important}
}
@media(prefers-reduced-motion:reduce){.tma-nav *{animation:none!important;transition:none!important}}


/* TAWHOO_BRAND_GREEN_V1 */
:is(.mk-brand__mark,.tw-logo__mark,.twp-brand-mark) i:nth-child(1){
    background:#176b49!important;
}
:is(.mk-brand__mark,.tw-logo__mark,.twp-brand-mark) i:nth-child(2){
    background:#7fbe79!important;
}
:is(.mk-brand__mark,.tw-logo__mark,.twp-brand-mark) i:nth-child(3){
    background:#f4c64e!important;
}
:is(.mk-search,.tw-search)>button[type="submit"],
.ph-search button{
    background:#176b49!important;
    color:#fff!important;
}
:is(.mk-search-mode,.tw-search-mode) button.is-active{
    background:#176b49!important;
    color:#fff!important;
    box-shadow:0 2px 7px rgba(23,107,73,.15);
}
:is(.mk-search-mode,.tw-search-mode) button:not(.is-active):hover{
    color:#176b49!important;
}
.mk-chat{
    background:#176b49!important;
    color:#fff!important;
    box-shadow:0 6px 18px rgba(23,107,73,.2)!important;
}
.ph-head>a{
    color:#176b49!important;
}


/* TAWHOO_HOME_PREMIUM_V2 */
@media(max-width:760px){
    .ph-shortcuts{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:8px!important;
        margin:18px 0 26px!important;
    }
    .ph-shortcuts>a{
        display:flex!important;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        min-width:0;
        min-height:126px;
        padding:14px 7px!important;
        gap:7px!important;
        text-align:center;
        border:1px solid #deeadc!important;
        border-radius:18px!important;
        background:#fff!important;
        box-shadow:0 4px 14px rgba(24,66,43,.04);
        touch-action:manipulation;
    }
    .ph-shortcuts>a>span{
        display:grid;
        place-items:center;
        width:42px;
        height:42px;
        border-radius:14px;
        background:#eef7e9;
        font-size:24px!important;
    }
    .ph-shortcuts>a:nth-child(2)>span{
        background:#fff4d5;
    }
    .ph-shortcuts>a:nth-child(3)>span{
        background:#eaf4f2;
    }
    .ph-shortcuts strong{
        font-size:12px!important;
        line-height:1.5;
        color:#214d34;
        overflow-wrap:anywhere;
    }
    .ph-shortcuts small{
        font-size:10px!important;
        line-height:1.5;
        color:#6c7b6b;
        overflow-wrap:anywhere;
    }
    .ph-shortcuts>a:focus-visible{
        outline:3px solid #176b49;
        outline-offset:3px;
    }
    .ph-section{
        margin:28px 0!important;
    }
    .ph-head{
        gap:10px;
        align-items:flex-start!important;
        margin-bottom:14px!important;
    }
    .ph-head>div{
        min-width:0;
    }
    .ph-head h2{
        margin:5px 0 7px!important;
        font-size:22px!important;
        line-height:1.4;
        color:#214d34;
    }
    .ph-head p{
        margin:0!important;
        font-size:12px!important;
        line-height:1.65;
    }
    .ph-head>a{
        flex-shrink:0;
        padding:8px 10px;
        border-radius:11px;
        background:#eaf5e8;
        color:#176b49!important;
        font-size:11px!important;
        line-height:1.5;
    }
    .ph-restaurants{
        gap:12px!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .ph-restaurant{
        min-width:0;
        border-radius:18px!important;
        border-color:#e0eadc!important;
    }
    .ph-restaurant-image{
        height:auto!important;
        aspect-ratio:4/3;
        overflow:hidden;
        background:#edf3e9;
    }
    .ph-restaurant-image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .ph-restaurant-info{
        padding:12px!important;
    }
    .ph-restaurant-info h3{
        font-size:14px!important;
        line-height:1.5;
        overflow-wrap:anywhere;
    }
    .ph-restaurant-info p,
    .ph-restaurant-info small{
        line-height:1.6;
        overflow-wrap:anywhere;
    }
    .ph-hero-copy{
        padding:26px 20px!important;
    }
    .ph-hero-copy>p{
        font-size:15px!important;
        line-height:1.75;
    }
    .ph-search input{
        font-size:16px!important;
        padding:10px 8px!important;
    }
    .ph-search button{
        min-height:44px;
        padding:10px 14px!important;
        font-size:13px!important;
    }
    .ph-quick a{
        min-height:40px;
        display:inline-flex;
        align-items:center;
        font-size:12px!important;
    }
}
@media(max-width:350px){
    .ph-head{
        flex-wrap:wrap;
    }
    .ph-head h2{
        font-size:20px!important;
    }
    .ph-restaurants{
        grid-template-columns:minmax(0,1fr)!important;
    }
}


/* TAWHOO_MOBILE_COMPACT_V3 */
@media(max-width:760px){
    .ph-hero{
        display:block!important;
        margin-top:14px!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        overflow:visible!important;
    }
    .ph-hero-visual,
    .ph-hero-copy>.ph-kicker,
    .ph-hero-copy>h1,
    .ph-hero-copy>p,
    .ph-hero-copy>.ph-search,
    .ph-hero-copy>.ph-disclaimer{
        display:none!important;
    }
    .ph-hero-copy{
        padding:0!important;
    }
    .ph-quick{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:8px!important;
        margin:0!important;
    }
    .ph-quick a{
        flex:1 1 auto;
        justify-content:center;
        min-height:44px!important;
        padding:10px 12px!important;
        border:1px solid #dce8d7!important;
        border-radius:14px!important;
        background:#fff!important;
        color:#21543b!important;
        font-size:12px!important;
        font-weight:700;
        box-shadow:0 3px 10px rgba(24,66,43,.03);
    }
    .ph-shortcuts{
        margin-top:14px!important;
        margin-bottom:24px!important;
    }
    .mk-footer{
        padding:0!important;
        margin-top:24px!important;
        background:transparent!important;
        border-top:1px solid #e0e9dc;
    }
    .mk-footer__inner{
        display:block!important;
        padding:18px 0!important;
    }
    .mk-footer__inner>div:not(.mk-footer-brand){
        display:none!important;
    }
    .mk-footer-brand{
        display:flex!important;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        gap:6px 12px;
        text-align:center;
    }
    .mk-footer-brand .mk-brand{
        font-size:16px;
    }
    .mk-footer-brand p{
        margin:0!important;
        font-size:11px!important;
        line-height:1.6;
        color:#71816f;
    }
}


/* TAWHOO_STORE_MENU_PREMIUM_V4 */
@media(max-width:760px){
    .tw-filter button,
    .tw-menu-search-form button[type="submit"]{
        background:#176b49!important;
        color:#fff!important;
        border-radius:14px!important;
        min-height:46px;
    }
    .tw-restaurant-card{
        padding:0!important;
        gap:0!important;
        border:1px solid #dfe8dc!important;
        border-radius:22px!important;
        background:#fff!important;
        overflow:hidden;
        box-shadow:0 5px 20px rgba(24,66,43,.05);
    }
    .tw-restaurant-card__image{
        height:auto!important;
        aspect-ratio:16/10;
        margin:0!important;
        border-radius:0!important;
    }
    .tw-restaurant-card__image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .tw-restaurant-card__body{
        padding:16px!important;
        align-items:flex-start;
        gap:10px;
    }
    .tw-restaurant-card__body>div{
        min-width:0;
    }
    .tw-restaurant-card h3{
        font-size:18px!important;
        line-height:1.45;
        color:#214d34;
        overflow-wrap:anywhere;
    }
    .tw-restaurant-card p{
        font-size:12px!important;
        line-height:1.6;
        color:#71806e;
    }
    .tw-rating{
        flex-shrink:0;
        padding:5px 8px;
        border-radius:9px;
        background:#fff5d9;
        color:#89651d!important;
        font-size:12px!important;
    }
    .tw-restaurant-card__delivery,
    .tw-restaurant-card footer{
        padding:12px 16px!important;
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        background:#f5f9f2;
        border-top:1px solid #e6eee1;
        font-size:12px!important;
    }

    .tw-store-hero{
        padding:16px 0 22px!important;
        background:#f7faf6!important;
    }
    .tw-store-hero__grid{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:18px!important;
    }
    .tw-store-hero__media{
        height:210px!important;
        min-height:0!important;
        border-radius:24px!important;
        overflow:hidden;
        position:relative;
    }
    .tw-store-hero__cover{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .tw-store-hero__content{
        min-width:0;
        padding:0!important;
    }
    .tw-store-hero h1{
        font-size:27px!important;
        line-height:1.4;
        margin:10px 0!important;
        color:#214d34;
    }
    .tw-store-hero__content>p{
        font-size:14px!important;
        line-height:1.75;
        color:#647260;
    }
    .tw-store-meta{
        display:flex;
        flex-wrap:wrap;
        gap:8px!important;
        margin:14px 0!important;
    }
    .tw-store-meta>span{
        padding:7px 10px;
        background:#fff;
        border:1px solid #e1e9dd;
        border-radius:11px;
        font-size:12px!important;
    }
    .tw-store-hero__content>form .tw-btn{
        width:100%;
        background:#eaf4e6;
        color:#176b49;
        border:1px solid #d7e7d1;
    }

    .tw-menu-grid,
    .tw-global-menu-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
        align-items:stretch;
    }
    .tw-menu-card,
    .tw-global-menu-card{
        display:flex!important;
        flex-direction:column!important;
        min-width:0;
        padding:0!important;
        border:1px solid #dfe8dc!important;
        border-radius:20px!important;
        background:#fff!important;
        overflow:hidden;
        box-shadow:0 4px 16px rgba(24,66,43,.04);
    }
    .tw-menu-card>a,
    .tw-global-menu-card__image{
        display:block;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1/1;
        flex-shrink:0;
        overflow:hidden;
    }
    .tw-menu-card>a img,
    .tw-global-menu-card__image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .tw-menu-card>div,
    .tw-global-menu-card__body{
        display:flex!important;
        flex-direction:column;
        flex:1;
        min-width:0;
        padding:12px!important;
    }
    .tw-menu-card h3,
    .tw-global-menu-card h3{
        font-size:15px!important;
        line-height:1.5;
        margin:7px 0!important;
        color:#214d34;
        overflow-wrap:anywhere;
    }
    .tw-menu-card p,
    .tw-global-menu-card p{
        font-size:12px!important;
        line-height:1.65;
        overflow-wrap:anywhere;
    }
    .tw-menu-nutrition-mini,
    .tw-global-menu-card__nutrition{
        padding:9px!important;
        margin:10px 0!important;
        background:#eef6e9!important;
        border:1px solid #dfead7!important;
        border-radius:12px!important;
        min-width:0;
        font-size:11px!important;
        overflow-wrap:anywhere;
    }
    .tw-menu-nutrition-mini__head{
        display:flex;
        flex-wrap:wrap;
        gap:4px;
    }
    .tw-menu-nutrition-mini__values{
        display:flex!important;
        flex-wrap:wrap;
        gap:6px!important;
    }
    .tw-menu-nutrition-mini__more{
        display:block;
        margin-top:8px;
        font-size:11px!important;
        line-height:1.5;
        color:#176b49;
    }
    .tw-menu-card footer,
    .tw-global-menu-card footer{
        display:flex!important;
        flex-wrap:wrap;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        margin-top:auto!important;
        padding-top:12px!important;
        border-top:1px solid #edf1e8;
    }
    .tw-menu-card footer strong,
    .tw-global-menu-card footer strong{
        color:#176b49!important;
        font-size:19px!important;
    }
    .tw-menu-card footer button{
        min-width:44px;
        min-height:44px;
        padding:8px 10px!important;
        border:0;
        border-radius:12px!important;
        background:#176b49!important;
        color:#fff!important;
        font-size:12px!important;
        font-weight:700;
        touch-action:manipulation;
    }
    .tw-menu-search-hero{
        padding:22px 0!important;
        background:#f0f6e9!important;
    }
    .tw-menu-search-hero h1{
        font-size:25px!important;
        line-height:1.4;
    }
    .tw-menu-search-hero p{
        font-size:13px!important;
        line-height:1.7;
    }
    .tw-menu-search-form{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:10px!important;
    }
    .tw-menu-search-form input,
    .tw-menu-search-form select{
        width:100%;
        min-width:0;
        min-height:46px;
        border-radius:12px;
    }
}
@media(max-width:350px){
    .tw-menu-grid,
    .tw-global-menu-grid{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .tw-menu-card>a,
    .tw-global-menu-card__image{
        aspect-ratio:4/3;
    }
}

/* TAWHOO_PUBLIC_FOOTER_COMPACT_V1 */
@media(max-width:760px){
    .tw-footer{
        background:#f7faf6!important;
        color:#63765e!important;
        border-top:1px solid #e0e9dc!important;
        margin-top:24px!important;
        padding:0!important;
    }
    .tw-footer__grid{
        display:block!important;
        padding:18px 0 8px!important;
    }
    .tw-footer__grid>div:not(:first-child),
    .tw-footer__grid>div:first-child>p{
        display:none!important;
    }
    .tw-footer__grid>div:first-child{
        display:flex;
        justify-content:center;
    }
    .tw-footer .tw-logo{
        color:#315b41!important;
    }
    .tw-footer .tw-logo strong{
        font-size:20px!important;
    }
    .tw-footer__bottom{
        display:flex!important;
        flex-wrap:wrap;
        justify-content:center!important;
        gap:6px 12px;
        padding:10px 0 18px!important;
        border:0!important;
        color:#71816f!important;
        font-size:10px!important;
        text-align:center;
    }
}

/* TAWHOO_FOOTER_SPACING_V2 */
@media(max-width:760px){
    .tw-footer__grid{
        gap:0!important;
        min-height:0!important;
        padding:16px 0 6px!important;
    }
    .tw-footer__grid>div:first-child{
        flex-direction:row!important;
        align-items:center!important;
        justify-content:center!important;
        gap:0!important;
    }
    .tw-footer__bottom{
        margin-top:0!important;
        padding:6px 0 16px!important;
        min-height:0!important;
    }
    .tw-product__detail>a:first-child{
        display:inline-flex;
        align-items:center;
        min-height:44px;
        color:#176b49!important;
        font-size:13px;
        font-weight:700;
    }
}