/* Identidade visual Delight - extraido de configs/settings.json (custom_css) */

body, html  {
    font-family:"Montserrat", sans-serif !important;
    color:#000000;
     }
h1, h2, h3, h4, h5, h6, .catalog-name, .product-name  {
    font-family:"Montserrat", sans-serif !important;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-weight:600;
    color:#000000;
     }
.menu-link, .header-menu-link, .nav-link, .site-main a  {
    text-transform:uppercase;
    letter-spacing:0.05em;
    font-weight:500;
     }
.button, .btn, .news-button, .buy-button  {
    font-family:"Montserrat", sans-serif !important;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-weight:600;
    border-radius:0px !important;
     }
.footer  {
    background-color:#F5F5F5 !important;
    color:#000000 !important;
    border-top:1px solid #E5E5E5;
     }
.footer a, .footer p, .footer span, .footer div, .footer .text  {
    color:#555555 !important;
     }
.footer .title, .footer h3, .footer h4  {
    color:#000000 !important;
    text-transform:uppercase;
    letter-spacing:0.1em;
     }
.newsletter  {
    background-color:#F5F5F5 !important;
    border-bottom:1px solid #E5E5E5;
     }
.info-ruler, .custom-info-ruler  {
    background-color:#F5F5F5 !important;
     }
.product-box, .product-card, .showcase-item  {
    border:1px solid #E5E5E5 !important;
    box-shadow:none !important;
    border-radius:0px !important;
     }
.header > .bg  {
    background-color:#000000 !important;
     }
.header  {
    }
.header .account_cart, .header .account_cart a, .header .account_cart i, .header .account_cart span, .header .account-icon, .header .icon-cart  {
    color:#FFFFFF !important;
     }
.header .header-menu .header-menu-icon div  {
    background-color:#FFFFFF !important;
     }
.header .header-search-wrapper .input-search  {
    background-color:#FFFFFF !important;
    color:#000000 !important;
    border:1px solid #E5E5E5 !important;
     }
.header .header-search-wrapper .input-search::placeholder  {
    color:#888888 !important;
     }
.header .header-search-wrapper .button-search  {
    color:#000000 !important;
     }
.header .cart-header .number  {
    background-color:#FFFFFF !important;
    color:#000000 !important;
     }
.category-menu-ifood  {
    margin:2.5rem auto 1rem auto;
    padding:0 1rem;
     }
.category-grid  {
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:1.5rem;
    padding-bottom:1rem;
     }
.category-item  {
    flex:0 0 auto;
    width:90px;
    text-align:center;
    text-decoration:none;
    transition:transform 0.2s ease;
     }
.category-item:hover  {
    transform:scale(1.05);
     }
.category-circle  {
    width:76px;
    height:76px;
    border-radius:50%;
    border:1px solid #E5E5E5;
    background-color:#FFFFFF;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin-bottom:0.5rem;
    box-shadow:0 2px 4px rgba(0,0,0,0.02);
     }
.category-circle img  {
    width:100%;
    height:100%;
    object-fit:cover;
     }
.category-placeholder-icon  {
    font-family:"Montserrat", sans-serif !important;
    font-size:1.25rem;
    font-weight:600;
    color:#555555;
    background-color:#F5F5F5;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
     }
.category-name  {
    font-family:"Montserrat", sans-serif !important;
    font-size:0.75rem;
    font-weight:500;
    color:#000000;
    text-transform:uppercase;
    letter-spacing:0.05em;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
     }
.banner-tarja-gray  {
    background-color:#F5F5F5;
    border-top:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
    padding:1.5rem 1rem;
    text-align:center;
    margin:2.5rem 0;
     }
.tarja-text  {
    font-family:"Montserrat", sans-serif !important;
    font-size:0.75rem;
    letter-spacing:0.15em;
    text-transform:uppercase;
    font-weight:500;
    color:#000000;
    margin:0;
     }
.banner-tarja-black  {
    background-color:#000000;
    padding:2.5rem 1rem;
    text-align:center;
    margin:3.5rem 0;
     }
.tarja-title  {
    font-family:"Montserrat", sans-serif !important;
    font-size:1rem;
    letter-spacing:0.2em;
    text-transform:uppercase;
    font-weight:600;
    color:#FFFFFF;
    margin:0 0 0.5rem 0;
     }
.tarja-subtitle  {
    font-family:"Montserrat", sans-serif !important;
    font-size:0.75rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-weight:400;
    color:#A5A5A5;
    margin:0;
     }
.section-showcase .section-header  {
    text-align:left !important;
    padding-left:0.5rem;
    margin-bottom:2rem;
     }
.section-showcase .title-section  {
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.1em;
    color:#000000;
    border-bottom:none !important;
     }
.list-product .item  {
    padding:0.5rem;
     }
.product  {
    background-color:#FFFFFF !important;
    border:1px solid #EEEEEE !important;
    padding:1.25rem !important;
    transition:all 0.3s ease !important;
    border-radius:0px !important;
    box-shadow:none !important;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
    box-sizing:border-box;
     }
.product:hover  {
    border-color:#000000 !important;
    box-shadow:0 6px 15px rgba(0, 0, 0, 0.04) !important;
     }
.product .image  {
    position:relative;
    margin-bottom:1rem;
     }
.product .product-name  {
    font-family:"Montserrat", sans-serif !important;
    font-size:0.8125rem;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:#000000;
    margin-bottom:0.5rem;
    line-height:1.4;
    height:2.8em;
    overflow:hidden;
    text-overflow:ellipsis;
     }
.product .product-price  {
    margin-top:0.5rem;
    margin-bottom:1rem;
     }
.product .actions  {
    margin-top:auto;
    width:100%;
     }
.product .product-button  {
    display:block;
    background-color:#000000 !important;
    color:#FFFFFF !important;
    border:none !important;
    border-radius:0px !important;
    text-transform:uppercase;
    font-family:"Montserrat", sans-serif !important;
    font-weight:600;
    letter-spacing:0.1em;
    padding:12px 15px;
    width:100%;
    text-align:center;
    transition:all 0.3s ease;
    text-decoration:none;
    box-sizing:border-box;
    opacity:0;
    transform:translateY(10px);
     }
@media (min-width: 1024px)  {
    .product:hover .product-button  {
    opacity:1;
    transform:translateY(0);
     }
}
@media (max-width: 1023px)  {
    .product .product-button  {
    opacity:1;
    transform:none;
    margin-top:0.5rem;
     }
}
