/* FloatCommerce RC2.9.15.1.4.8 — Menu Experience Polish
   Scoped storefront refinements: compact hero, real service selector,
   cleaner product cards and a clearer basket summary. */

/* Compact the menu hero without removing configured marketing content. */
body.fc-storefront .tw-menu-hero-rc2906{
    padding:30px 0 22px!important;
}
body.fc-storefront .tw-menu-hero-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
    gap:26px!important;
}
body.fc-storefront .tw-menu-hero-rc2906 h1{
    font-size:clamp(36px,3.8vw,54px)!important;
    margin-bottom:7px!important;
}
body.fc-storefront .tw-menu-hero-rc2906 p{
    font-size:15px!important;
    line-height:1.5!important;
    margin-bottom:12px!important;
}
body.fc-storefront .tw-menu-service-strip{
    margin-top:10px!important;
    gap:7px!important;
}
body.fc-storefront .tw-menu-service-strip span{
    padding:6px 10px!important;
    font-size:11px!important;
}
body.fc-storefront .tw-menu-hero-visual,
body.fc-storefront .tw-menu-hero-brand-card{
    min-height:178px!important;
}
body.fc-storefront .tw-menu-hero-visual>img{
    min-height:178px!important;
    max-height:215px!important;
}
body.fc-storefront .tw-menu-hero-brand-card{
    padding:18px!important;
}
body.fc-storefront .tw-menu-hero-brand-card img{
    width:68px!important;
    height:68px!important;
    margin-bottom:9px!important;
}

/* Real ordering-mode selector. Server-side links own state; CSS only styles it. */
body.fc-storefront .fw-wave-order-types{
    display:flex!important;
    align-items:stretch!important;
    gap:5px!important;
    padding:4px!important;
    border:1px solid #e1e5ec!important;
    border-radius:12px!important;
    background:#f7f8fb!important;
}
body.fc-storefront .fw-wave-order-type{
    min-width:112px;
    padding:7px 10px;
    border-radius:9px;
    display:flex;
    flex-direction:column;
    gap:1px;
    color:#44506a!important;
    text-decoration:none!important;
    line-height:1.2;
    transition:background .15s ease,box-shadow .15s ease,color .15s ease;
}
body.fc-storefront .fw-wave-order-type strong{
    font-size:11.5px;
    font-weight:950;
}
body.fc-storefront .fw-wave-order-type small{
    font-size:8.5px;
    color:#7b8497;
    white-space:nowrap;
}
body.fc-storefront .fw-wave-order-type:hover{
    background:#fff;
    box-shadow:0 3px 10px rgba(11,31,59,.08);
}
body.fc-storefront .fw-wave-order-type.is-active{
    background:#0B1F3B!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(11,31,59,.17);
}
body.fc-storefront .fw-wave-order-type.is-active small{
    color:rgba(255,255,255,.76)!important;
}
body.fc-storefront .fw-wave-order-type.is-disabled{
    opacity:.52;
    cursor:not-allowed;
    background:transparent!important;
    box-shadow:none!important;
}

/* Product cards: less visual noise, more useful scan hierarchy. */
body.fc-storefront .fw-wave-card{
    overflow:hidden;
    transition:transform .16s ease,box-shadow .16s ease!important;
}
body.fc-storefront .fw-wave-card:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 8px 24px rgba(16,24,40,.09)!important;
}
body.fc-storefront .fw-wave-card-image{
    height:168px!important;
}
body.fc-storefront .fw-wave-card-body{
    padding:12px 13px 13px!important;
}
body.fc-storefront .fw-wave-card-title-row{
    align-items:flex-start!important;
}
body.fc-storefront .fw-wave-card-title-row h3{
    font-size:14.5px!important;
    line-height:1.25!important;
    margin:0!important;
}
body.fc-storefront .fw-wave-card-title-row strong{
    font-size:13px!important;
    border-radius:7px!important;
}
body.fc-storefront .fw-wave-card-body>p{
    min-height:36px!important;
    margin:7px 0!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
body.fc-storefront .fw-wave-card-meta{
    min-height:22px;
}
body.fc-storefront .fw-wave-card-footer{
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid #eef0f4;
}
body.fc-storefront .fw-wave-card-footer small{
    color:#6f7788!important;
    font-size:9px!important;
}
body.fc-storefront .fw-wave-add{
    min-height:31px!important;
    padding:6px 11px!important;
    font-size:9px!important;
    border-radius:8px!important;
}

/* Basket: make current ordering mode explicit without duplicating all service text. */
body.fc-storefront .fw-wave-basket{
    border:1px solid #e1e5ec!important;
    box-shadow:0 8px 26px rgba(11,31,59,.08)!important;
}
body.fc-storefront .fw-wave-basket-service{
    display:grid;
    gap:2px;
    margin:0 0 9px;
    padding:9px 10px;
    border-radius:9px;
    background:#f7f8fb;
    border:1px solid #e8ebf0;
}
body.fc-storefront .fw-wave-basket-service span{
    font-size:8px;
    font-weight:850;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#7b8497;
}
body.fc-storefront .fw-wave-basket-service strong{
    font-size:11px;
    font-weight:950;
    color:#0B1F3B;
}
body.fc-storefront .fw-wave-basket-service small{
    font-size:8.5px;
    color:#687287;
}
body.fc-storefront .fw-wave-service-note{
    margin-top:7px!important;
    padding-top:7px;
    border-top:1px solid #eef0f4;
}

@media(max-width:1199px){
    body.fc-storefront .tw-menu-hero-grid{
        grid-template-columns:minmax(0,1fr) 300px!important;
    }
    body.fc-storefront .fw-wave-order-type{min-width:96px}
}
@media(max-width:991px){
    body.fc-storefront .tw-menu-hero-rc2906{padding:24px 0 18px!important}
    body.fc-storefront .tw-menu-hero-grid{grid-template-columns:1fr!important}
    body.fc-storefront .tw-menu-hero-visual.fc-hero-marketing-active{
        min-height:160px!important;
        margin-top:12px!important;
    }
    body.fc-storefront .fw-wave-order-types{
        width:100%;
        max-width:390px;
        margin-top:8px!important;
    }
    body.fc-storefront .fw-wave-order-type{
        flex:1;
        min-width:0;
    }
}
@media(max-width:640px){
    body.fc-storefront .tw-menu-hero-rc2906{padding:20px 0 15px!important}
    body.fc-storefront .tw-menu-hero-rc2906 h1{font-size:34px!important}
    body.fc-storefront .tw-menu-hero-rc2906 p{font-size:13px!important}
    body.fc-storefront .tw-menu-service-strip{margin-top:8px!important}
    body.fc-storefront .fw-wave-card-image{height:100%!important;min-height:126px!important}
    body.fc-storefront .fw-wave-order-type{padding:7px 8px}
    body.fc-storefront .fw-wave-order-type strong{font-size:10.5px}
    body.fc-storefront .fw-wave-order-type small{font-size:8px}
}