/* ==========================================================
   KAMANA
   CAFE TOSTADO Y MOLIDO — HORIZONTAL V2
   ========================================================== */


/* Una sola columna para esta categoría */

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-product-groups,

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-product-groups.is-single {
    display: grid !important;

    grid-template-columns:
        1fr !important;

    gap:
        18px !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-product-group {
    padding:
        20px !important;
}


/* ==========================================================
   TARJETA HORIZONTAL
   ========================================================== */

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-card,

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-card.is-featured {
    display: grid !important;

    grid-template-columns:
        205px
        minmax(0,1fr) !important;

    grid-template-rows:
        1fr !important;

    min-height:
        158px !important;

    overflow:
        hidden !important;

    align-items:
        stretch !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(14,18,23,.98),
            rgba(7,10,14,.98)
        ) !important;
}


/* ==========================================================
   FOTOGRAFÍA
   ========================================================== */

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-media {
    grid-column:
        1 !important;

    grid-row:
        1 !important;

    display:
        flex !important;

    width:
        205px !important;

    min-width:
        205px !important;

    height:
        100% !important;

    min-height:
        158px !important;

    max-height:
        none !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    overflow:
        hidden !important;

    padding:
        14px !important;

    border-right:
        1px solid rgba(255,255,255,.08) !important;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(255,189,10,.08),
            transparent 65%
        ),
        #080b0f !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-media img {
    display:
        block !important;

    width:
        100% !important;

    height:
        130px !important;

    max-width:
        180px !important;

    max-height:
        130px !important;

    margin:
        auto !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    transform:
        none !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-card:hover
.menu-item-media img {
    transform:
        scale(1.035) !important;
}


/* ==========================================================
   CONTENIDO
   ========================================================== */

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-body {
    grid-column:
        2 !important;

    grid-row:
        1 !important;

    display:
        flex !important;

    min-width:
        0 !important;

    padding:
        22px 24px !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-heading {
    display:
        grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(128px,165px) !important;

    gap:
        24px !important;

    align-items:
        start !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-heading h3 {
    margin:
        2px 0 0 !important;

    font-size:
        clamp(
            1.45rem,
            2vw,
            1.9rem
        ) !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-description {
    max-width:
        620px !important;

    margin:
        10px 0 15px !important;
}


/* ==========================================================
   PRECIOS
   ========================================================== */

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-price-list {
    min-width:
        128px !important;

    gap:
        7px !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-price-option {
    min-height:
        38px !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-price-option strong {
    color:
        #ffbd0a !important;

    font-size:
        1rem !important;
}


/* ==========================================================
   COMPRA
   ========================================================== */

body[data-page="menu"]
.menu-category-roasted-horizontal
.menu-item-purchase {
    margin-top:
        auto !important;

    padding-top:
        12px !important;
}


body[data-page="menu"]
.menu-category-roasted-horizontal
.add-to-cart {
    flex:
        0 0 auto !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 850px) {

    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-card,

    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-card.is-featured {
        grid-template-columns:
            155px
            minmax(0,1fr) !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-media {
        width:
            155px !important;

        min-width:
            155px !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-media img {
        max-width:
            135px !important;
    }
}


/* ==========================================================
   MÓVIL — SIGUE HORIZONTAL
   ========================================================== */

@media (max-width: 600px) {

    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-product-group {
        padding:
            10px !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-card,

    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-card.is-featured {
        grid-template-columns:
            105px
            minmax(0,1fr) !important;

        min-height:
            145px !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-media {
        width:
            105px !important;

        min-width:
            105px !important;

        min-height:
            145px !important;

        padding:
            8px !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-media img {
        width:
            100% !important;

        height:
            115px !important;

        max-width:
            95px !important;

        max-height:
            115px !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-body {
        padding:
            15px 14px !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-item-heading {
        grid-template-columns:
            1fr !important;

        gap:
            10px !important;
    }


    body[data-page="menu"]
    .menu-category-roasted-horizontal
    .menu-price-list {
        width:
            100% !important;

        min-width:
            0 !important;
    }
}