﻿.fl-storefront>.fl-hero,
.fl-storefront>.fl-categories,
.fl-storefront>.fl-products,
.fl-storefront>.fl-service-info{
    margin-bottom:var(--fl-section-gap);
}
.fl-storefront .fl-product-card>button{
    display:flex;
    flex-direction:column;
}
.fl-storefront .fl-card-title,
.fl-storefront .fl-card-description,
.fl-storefront .fl-card-price,
.fl-storefront .fl-card-add{
    padding-left:17px;
    padding-right:17px;
    width:100%;
}
.fl-storefront .fl-card-title{
    padding-top:15px;
}
.fl-storefront .fl-card-title h3{
    color:var(--fl-ink);
    font-size:16px;
    font-weight:800;
    margin:0;
}
.fl-storefront .fl-card-description{
    flex:1;
    padding-top:7px;
}
.fl-storefront .fl-card-description p{
    color:var(--fl-muted);
    display:-webkit-box;
    font-size:12px;
    line-height:1.55;
    margin:0;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.fl-storefront .fl-card-price{
    padding-top:13px;
}
.fl-storefront .fl-card-price strong{
    color:var(--fl-primary);
    font-size:15px;
}
.fl-storefront .fl-card-add{
    padding-bottom:16px;
    padding-top:10px;
}
.fl-storefront .fl-card-add span{
    align-items:center;
    background:var(--fl-primary);
    border-radius:50%;
    color:#fff;
    display:flex;
    font-size:20px;
    height:34px;
    justify-content:center;
    margin-left:auto;
    width:34px;
}
.fl-storefront.fl-layout-horizontal .fl-product-card>button{
    display:grid;
    grid-template-columns:42% 1fr;
}
.fl-storefront.fl-layout-horizontal .fl-product-image{
    grid-row:1/6;
}
.fl-storefront.fl-layout-horizontal .fl-card-title,
.fl-storefront.fl-layout-horizontal .fl-card-description,
.fl-storefront.fl-layout-horizontal .fl-card-price,
.fl-storefront.fl-layout-horizontal .fl-card-add{
    grid-column:2;
}
.fl-storefront.fl-layout-list .fl-product-card>button{
    display:grid;
    grid-template-columns:110px 1fr auto auto;
}
.fl-storefront.fl-layout-list .fl-product-image{
    grid-column:1;
    grid-row:1/4;
    height:110px;
}
.fl-storefront.fl-layout-list .fl-card-title,
.fl-storefront.fl-layout-list .fl-card-description{
    grid-column:2;
}
.fl-storefront.fl-layout-list .fl-card-price{
    align-self:center;
    grid-column:3;
    grid-row:1/4;
}
.fl-storefront.fl-layout-list .fl-card-add{
    align-self:center;
    grid-column:4;
    grid-row:1/4;
}
.fl-storefront .fl-service-info{
    align-items:center;
    background:var(--fl-card);
    border:1px solid color-mix(in srgb,var(--fl-ink) 10%,transparent);
    border-left:5px solid var(--fl-accent);
    border-radius:var(--fl-radius);
    display:flex;
    gap:25px;
    justify-content:space-between;
    padding:19px 22px;
}
.fl-storefront .fl-service-info h3{
    color:var(--fl-ink);
    font-size:17px;
    margin:4px 0 0;
}
.fl-storefront .fl-service-info p{
    color:var(--fl-muted);
    margin:0;
}
.fl-storefront.fl-hero-height-compact .fl-hero{min-height:150px}
.fl-storefront.fl-hero-height-medium .fl-hero{min-height:260px}
.fl-storefront.fl-hero-height-large .fl-hero{min-height:390px}
.fl-storefront[class*="fl-hero-height-"] .fl-hero{background-position:center;background-size:cover}
.fl-storefront.fl-button-pill .fl-primary{border-radius:40px}
.fl-storefront.fl-button-square .fl-primary{border-radius:0}
.fl-storefront.fl-button-outline .fl-primary{background:transparent!important;border:2px solid var(--fl-primary);color:var(--fl-primary)}
.fl-storefront.fl-animation-none .fl-product-card:hover{transform:none}
.fl-storefront.fl-animation-lift .fl-product-card:hover{transform:translateY(-5px)}
.fl-storefront.fl-animation-zoom .fl-product-card:hover .fl-product-image img{transform:scale(1.08)}
.fl-storefront.fl-animation-border .fl-product-card:hover{border-color:var(--fl-accent);box-shadow:0 0 0 2px var(--fl-accent)}
.fl-storefront.fl-modal-wide .fl-modal{max-width:850px}
.fl-storefront.fl-cart-left .fl-cart-drawer{left:-680px;right:auto}
.fl-storefront.fl-cart-left .fl-cart-drawer.show{left:0;right:auto}
.fl-storefront.fl-cart-wide .fl-cart-drawer{max-width:650px}
@media(max-width:900px){
    .fl-storefront.fl-tablet-columns-1 .fl-products{grid-template-columns:1fr}
    .fl-storefront.fl-tablet-columns-2 .fl-products{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fl-storefront.fl-tablet-columns-3 .fl-products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
    .fl-storefront.fl-mobile-columns-1 .fl-products{grid-template-columns:1fr}
    .fl-storefront.fl-mobile-columns-2 .fl-products{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fl-storefront .fl-service-info{align-items:flex-start;flex-direction:column;gap:8px}
    .fl-storefront.fl-layout-horizontal .fl-product-card>button{grid-template-columns:110px 1fr}
    .fl-storefront.fl-layout-list .fl-product-card>button{grid-template-columns:85px 1fr auto}
    .fl-storefront.fl-layout-list .fl-card-add{display:none}
    .fl-storefront.fl-modal-bottom .fl-backdrop{align-items:flex-end;padding:0}
    .fl-storefront.fl-modal-bottom .fl-modal{border-radius:var(--fl-radius) var(--fl-radius) 0 0;max-height:92vh}
}
/* v2.1.11 Dadapizza final product cards */
html body .fl-storefront[data-foodishland-storefront] .fl-categories[data-locked-category="1"],
html body .fl-storefront[data-category-filter]:not([data-category-filter=""]) .fl-categories {
    display: none !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-card,
html body .fl-storefront[data-foodishland-storefront] .fl-product-card:hover,
html body .fl-storefront[data-foodishland-storefront] .fl-product-card:focus-within,
html body .fl-storefront[data-foodishland-storefront] .fl-product-card > button,
html body .fl-storefront[data-foodishland-storefront] .fl-product-card > button:hover,
html body .fl-storefront[data-foodishland-storefront] .fl-product-card > button:focus,
html body .fl-storefront[data-foodishland-storefront] .fl-product-card > button:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #e4e8ee !important;
    color: #111827 !important;
    filter: none !important;
    transform: none !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-card {
    border: 1px solid #e4e8ee !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.035) !important;
    min-height: 154px !important;
    overflow: hidden !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-card:hover {
    border-color: #d8dee7 !important;
    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.045) !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-card:hover *,
html body .fl-storefront[data-foodishland-storefront] .fl-product-card > button:hover * {
    background-image: none !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-card > button {
    align-items: center !important;
    cursor: pointer !important;
    display: grid !important;
    grid-template-columns: 106px minmax(0, 1fr) 46px !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 16px !important;
    row-gap: 6px !important;
    height: 100% !important;
    min-height: 154px !important;
    padding: 18px 20px !important;
    text-align: left !important;
    width: 100% !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-image {
    align-items: center !important;
    background: transparent !important;
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    height: 100% !important;
    justify-content: center !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 106px !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-image img {
    border-radius: 50% !important;
    height: 86px !important;
    object-fit: contain !important;
    transform: none !important;
    width: 86px !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-product-image em {
    display: none !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-title,
html body .fl-storefront[data-foodishland-storefront] .fl-card-description {
    grid-column: 2 / 4 !important;
    justify-self: stretch !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-title {
    align-self: end !important;
    grid-row: 1 !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-title h3 {
    color: #111827 !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    max-width: none !important;
    text-align: left !important;
    width: 100% !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-description {
    align-self: start !important;
    grid-row: 2 !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-description p {
    color: #111827 !important;
    display: block !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    width: 100% !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-price {
    align-self: start !important;
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-add {
    align-self: start !important;
    grid-column: 3 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-price strong,
html body .fl-storefront[data-foodishland-storefront] .fl-card-price .fl-card-price-text,
html body .fl-storefront[data-foodishland-storefront] .fl-card-price-text {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #e60000 !important;
    display: inline-block !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-price strong::before,
html body .fl-storefront[data-foodishland-storefront] .fl-card-price .fl-card-price-text::before,
html body .fl-storefront[data-foodishland-storefront] .fl-card-price-text::before {
    content: '' !important;
    display: none !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-card-add span,
html body .fl-storefront[data-foodishland-storefront] .fl-basket-add {
    align-items: center !important;
    background: #e60000 !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-flex !important;
    height: 36px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 36px !important;
    min-width: 42px !important;
    padding: 0 !important;
    position: relative !important;
    width: 42px !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-basket-add svg {
    display: block !important;
    fill: none !important;
    height: 22px !important;
    margin: 0 !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 2.2 !important;
    width: 22px !important;
}
html body .fl-storefront[data-foodishland-storefront] .fl-basket-add i {
    align-items: center !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #e60000 !important;
    display: flex !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    height: 16px !important;
    justify-content: center !important;
    line-height: 1 !important;
    position: absolute !important;
    right: 4px !important;
    top: 4px !important;
    width: 16px !important;
}
@media (max-width: 1100px) {
    html body .fl-storefront[data-foodishland-storefront] .fl-products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    html body .fl-storefront[data-foodishland-storefront] .fl-products {
        grid-template-columns: 1fr !important;
    }
    html body .fl-storefront[data-foodishland-storefront] .fl-product-card > button {
        grid-template-columns: 84px minmax(0, 1fr) 42px !important;
        column-gap: 12px !important;
        min-height: 138px !important;
        padding: 14px 15px !important;
    }
    html body .fl-storefront[data-foodishland-storefront] .fl-product-image {
        width: 84px !important;
    }
    html body .fl-storefront[data-foodishland-storefront] .fl-product-image img {
        height: 72px !important;
        width: 72px !important;
    }
    html body .fl-storefront[data-foodishland-storefront] .fl-card-title h3 {
        font-size: 16px !important;
    }
    html body .fl-storefront[data-foodishland-storefront] .fl-card-description p {
        font-size: 13px !important;
        line-height: 1.22 !important;
    }
    html body .fl-storefront[data-foodishland-storefront] .fl-card-price strong,
    html body .fl-storefront[data-foodishland-storefront] .fl-card-price .fl-card-price-text,
    html body .fl-storefront[data-foodishland-storefront] .fl-card-price-text {
        font-size: 12px !important;
        min-width: 68px !important;
        padding: 7px 8px !important;
    }
    html body .fl-storefront[data-foodishland-storefront] .fl-card-add span,
    html body .fl-storefront[data-foodishland-storefront] .fl-basket-add {
        height: 34px !important;
        min-height: 34px !important;
        min-width: 38px !important;
        width: 38px !important;
    }
}
