
@font-face {
    font-family: 'Migha';
    src: url('../fonts/Migha-BlackExpandedCNTR.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.migha {
    font-family: 'Migha', sans-serif;
}




/* ******************************************* General ******************************************* */
#wrapper {background-color: #FFFFFF !important;}
.button-link-blank{border: 1px solid #253237;border-radius: 5px;padding: 15px 20px;font-size: 16px;}
.button-link-blank:hover{background:#253237;color:#fff;}

.btn-primary {border: 1px solid #253237 !important;background: #253237;border-radius: 5px;text-transform: capitalize;font-weight: 500;padding: 9px 20px;}
.btn-primary:hover { background: #fff !important; color: #253237 !important;}
.back-top-custom {width:70%;} .back-top:hover a{background:#EF804C;}
.brand-item.slick-slide img {width: 200px;margin:auto;}
ul.ets_mm_categories li.has-sub > a:after,.ets_mm_block_content ul li ul.ets_mm_categories{display:none;}
.layout_layout1 .ets_mm_block_content ul li a::before{content: none!important;}
.mm_blocks_li {border-bottom: 1px solid #ebebeb;padding: 25px 25px 25px 25px!important;margin: 0;}
.ets_mm_block > .h4 {border: none!important;}
.ets_mm_megamenu .mm_columns_ul {padding-top:0!important;}
.item_has_img .ets_item_img {border: none!important;}.item_has_img .ets_item_img img {max-width:100px;}
ul.mm_columns_ul.open li:nth-child(2) ul li,ul.mm_columns_ul.open li:nth-child(3) ul li,ul.mm_columns_ul.open li:nth-child(4) ul li {border:none;}
.ets_mm_block > .h4 {boorder-bottom:none;}

#tidio-chat #tidio-chat-iframe {bottom: 180px!important;}
/* ******************************************* Media ******************************************* */
@media (min-width: 360px) and (max-width: 543px) 
  {#js-product-list .product_content.grid .item-product {width: inherit;margin-left:10px;}}
.mm_menus_ul.clicktext_show_submenu.active li.mm_menus_li.mm_sub_align_full.mm_has_sub.click_open_submenu {height:50px;}
.mm_menus_ul.clicktext_show_submenu.active li.mm_menus_li.mm_sub_align_full.mm_has_sub.click_open_submenu.open_li{height:auto;}
/* ******************************************* Carousel ******************************************* */
.product-miniature.js-product-miniature.style_product1 {border: #EBEBEB 1px solid;border-radius: 5px;}
.product-miniature.js-product-miniature.style_product1 .product-desc, .js-product-miniature .product_desc{background:#FAFAFA!important;}
.product-miniature.js-product-miniature.style_product1:hover, .product-miniature.js-product-miniature.style_product1:hover .product-desc {background: #FFFFFF!important;}
.slick-slide-inner1 .js-product-miniature,.ets_mm_block_content .js-product-miniature {background: #FAFAFA;}
.mm_block_type_product .thumbnail-container {background-color: #FAFAFA!important;}
.mm_block_type_product .thumbnail-container:hover .product_desc h3 a{color: #EF804C!important;}
.product-miniature.js-product-miniature.style_product1:hover {box-shadow: 0px 3px 10px #00000029;}
.js-product-miniature.style_product1 .cart a.addToWishlist:before {content: '\e90a';font-size: 25px;font-family: "roadthemes-icon";display: block;line-height: 2.28rem;margin-left: 20px;border: 1px solid;border-radius: 5px;padding: 1px 7px;}
.js-product-miniature.style_product1 .cart a.addToWishlist:hover:before,.js-product-miniature.style_product1 .cart a.addToWishlist:active:before {content: '\e90b';color: #fff;background: #253237;}
.js-product-miniature.style_product1 .cart a.addToWishlist span {display: none;}
.js-product-miniature.style_product1 div.cart button.ajax_add_to_cart_button, .js-product-miniature.style_product1 div.cart span.ajax_add_to_cart_button {font-weight: 400!important;}
ul.product-flag{top: 0;left: 0; width: 100%;}
ul.product-flag .discount {float: right;color: white;width: 0;height: 0;border-top: 50px solid #EF804C;border-right: 50px solid #EF804C;border-bottom: 50px solid transparent;border-left: 50px solid transparent;display: inherit;}
ul.product-flag .discount p {margin-top: -45px;color: white;font-size: 20px;rotate: 45deg;}
.js-product-miniature.style_product1 .ajax_add_to_cart_button.add-to-cart, .js-product-miniature.style_product1 .ajax_add_to_cart_button.disabled{background: transparent!important;border: 1px solid #253237!important;border-radius: 5px!important;padding: 8px 15px!important;color: #253237!important;}
.js-product-miniature.style_product1 .ajax_add_to_cart_button.add-to-cart:hover{background:#253237!important;color:white!important;}
.price.price-sale{color:#EF804C!important;} .discount-percentage.discount-product{background:#EF804C!important;} 
.js-product-miniature.style_product1 ul.add-to-links a.addToWishlist {display:none;}
a.product_name h3 {font-size:23px!important;}
.product-price-and-shipping .price {color: #253237!important; font-size: 22px!important;}
.product-price-and-shipping .regular-price{color: #D1D1D1!important; font-size: 16px!important;}
.product-price-and-shipping .price.price-sale {color: #EF804C!important; font-size: 22px!important;}.discount-percentage.discount-product{background:#EF804C!important;} 
.pos-brand-widgets .slick-slide {height:200px;align-content:center;}
.js-product-miniature .product_desc .product_name{height: 25px;}
/* ******************************************* Category ******************************************* */
#search_filters section.facet {padding: 20px; background: #fafafa; border: 1px solid #EBEBEB;}
#search_filters_wrapper #search_filters section.facet ul {margin-bottom:0;}
#search_filters_wrapper #search_filters .custom-facet-h6.h6 {font-size: 18px!important;text-transform: uppercase!important;border: none!important;padding:0!important;font-weight: 700;}
#search_filters_wrapper #search_filters .custom-facet-h6.h6:before{content: none!important;}
#js-active-search-filters.active_filters {padding: 20px 10px 10px 10px; background: #fafafa; border: 1px solid #EBEBEB; border-radius:5px;}
#js-active-search-filters.active_filters .filter-block { border: 1px solid #253237; border-radius:5px;}
#js-active-search-filters.active_filters .filter-block:hover { background: #253237; color:#fff;}
#js-active-search-filters.active_filters .filter-block:hover i {color: #fff;}
.btn.btn-tertiary.js-search-filters-clear-all:hover {color: #253237;background: #fff;}
.page-title-wrapper.p_tilte_small {background:#FAFAFA;margin-bottom:30px;}
.brand-custom-card{text-align:center;padding:20px;margin:10px;background:#fafafa;border:1px solid #ebebeb; border-radius:5px;}
.brand-custom-card:hover{background:#fff; box-shadow: 0px 3px 10px #00000029;}
.brand-infos h3:hover{color:#EF804C;}
.brand-desc-min {font-size: 16px;color: #112624;height: 180px;}
.custom-checkbox {background:#fff;}
.custom-sub-div {background: #fafafa; border: 1px solid #EBEBEB; border-radius:5px;}
.custom-div.subcategory-li{margin: 10px 0 0 0!important;padding-bottom: 10px;}
.custom-div.subcategory-li:focus,.custom-div.subcategory-li:hover {font-weight:bold;color:253237;border-bottom:1px solid #253237;}
#search_filters .facet .facet-label a span.magnitude{font-size: 13px;opacity: 0.5;}
#search_filters .ui-widget-header.ui-slider-range{background:#1E4340;}
ul.page-list li.current a.disable.js-search-link{color:#1E4340;font-weight:bold;}
ul.page-list li a.js-search-link:hover{color:#F1804C;font-weight:bold;}
ul.page-list li a.js-search-link{color:#1E4340;font-size:18px;font-weight:500!important;}
ul.page-list li a.js-search-link:hover{color:#F1804C;font-weight:bold!important;}
ul.page-list li.current a.js-search-link{color:#F1804C;font-weight:bold!important;}

/* ******************************************* Effect text ******************************************* */
.word-board {display: inline-block;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;Ã¹overflow: hidden;Ã¹clip: rect(0, 0, 0, 0);
white-space: nowrap;border: 0;}
.board {display: grid;grid-template-columns: repeat(var(--cols), 36px);justify-content: center;}
.cell {width: 36px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;
font-size: 20px;text-transform:uppercase; color:#112624 !important; font-family: "Lato"; font-weight:700;}

/* ******************************************* Effect circle ******************************************* */
 .text-wrapper {
  
        height: 180px;
   

        margin: 20px auto;

        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;
      }

      .text {
        color: #1F3E3B;
        letter-spacing: 12.8px;
        margin-right: -12.8px;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        z-index: 2;
        width: fit-content;
        display: flex;
        justify-content: center;
      }

      .text::after {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0px;
        color: white;
        width: 100%;
        display: block;
        text-align: center;
      }

      .circle {
        position: absolute;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        z-index: 1;
        top: 50%;
        background-color: #1F3E3B;
      }

      /* ******************************************* Left to right ("specialty") ******************************************* */
      .text-wrapper.slide-ltr .circle {
        left: -20px;
        transform: translateY(-50%);
        transition: left 3.5s cubic-bezier(0.5, 0, 0.5, 1);
        z-index: -1;
      }

      .text-wrapper.slide-ltr:hover .circle {
        left: calc(100% - 80.3px);
      }

      .text-wrapper.slide-ltr .text::after {
        clip-path: circle(47.5px at 47.5px 50%);
        transition: clip-path 3.5s cubic-bezier(0.5, 0, 0.5, 1);
        margin-left: -20px;
        padding-left: 20px;
      }

      .text-wrapper.slide-ltr:hover .text::after {
        clip-path: circle(47.5px at calc(100% - 12.8px) 50%);
      }
    
      /* ******************************************* Both directions ("slowfood") ******************************************* */
      .text-wrapper.slide-bidi .circle {
        left: 50%;
        transform: translate(-50%, -50%);
        transition: left 3s cubic-bezier(0.5, 0, 0.5, 1);
        z-index: -1;
      }

      .text-wrapper.slide-bidi.ltr:hover .circle {
        left: calc(100% - 32.8px);
      }

      .text-wrapper.slide-bidi.rtl:hover .circle {
        left: 27.5px;
      }

      .text-wrapper.slide-bidi .text::after {
        clip-path: circle(47.5px at 50%);
        transition: clip-path 3s cubic-bezier(0.5, 0, 0.5, 1);
      }

      .text-wrapper.slide-bidi.ltr:hover .text::after {
        clip-path: circle(47.5px at calc(100% - 34.7px) 50%);
      }

      .text-wrapper.slide-bidi.rtl:hover .text::after {
        clip-path: circle(47.5px at 27.5px 50%);
34      }
      
      /* ******************************************* Right to left ("miscela") ******************************************* */
      .text-wrapper.slide-rtl .circle {
        left: calc(100% - 80.3px);
        transform: translateY(-50%);
        transition: left 3.5s cubic-bezier(0.5, 0, 0.5, 1);
        z-index: -1;
      }

      .text-wrapper.slide-rtl:hover .circle {
        left: -20px;
      }

      .text-wrapper.slide-rtl .text::after {
        clip-path: circle(47.5px at calc(100% - 12.8px) 50%);
        transition: clip-path 3.5s cubic-bezier(0.5, 0, 0.5, 1);
        margin-left: -20px;
        padding-left: 20px;
      }

      .text-wrapper.slide-rtl:hover .text::after {
        clip-path: circle(47.5px at 47.5px 50%);
      }

/* ******************************************* Product page ******************************************* */
.h1.product-custom-name{  font-size:35px;font-weight:700; text-transform: capitalize;   }
.product-custom-price {font-size:30px!important;font-weight:900;}
.product-custom-pack, .product-custom-feature{color:#112624;font-size:16px;font-weight:500;margin-bottom: 0px;}
.product-custom-value{  color:#1E4340;font-size:16px;font-weight:500;}
.product-custom-format {color:#6C6C6C;font-size:16px;margin-bottom:5px;}
.product-custom-descshort p,#tab-content #description .product-description p{color:#112624!important;font-size: 16px!important;}
table.data-sheet{  width:100%;}
.data-sheet tr {background-color: #fff;}
.data-sheet tr:nth-child(odd) {  background-color: #FAFAFA;}
.data-sheet td {padding: 10px;}
.data-sheet td.name {font-weight: bold;  width: 30%;}
.discount.discount-percentage {color:#EF804C; border:1px solid #EF804C;background:#fff;}

/* ******************************************* Customer ******************************************* */
.page-content.card.card-block {border: 1px solid #BABABA;border-radius: 5px;}
#login-form label {color:#112624;font-size: 15px;}
#login-form input, #customer-form input, .form-group select, .form-group textarea  {color:#112624;border: 1px solid #BABABA;border-radius: 5px;background:#fff;background-color: #fff !important;}
.prestaregistrationheadings .prestaregistrationheadings {margin-bottom:20px;}
#login-form input#field-password, #customer-form input#field-password {border-radius: 5px 0px 0px 5px;}
#presta_custom_field h2 {text-align:center;}
.register-form .text-body, .no-account .text-body  {color:#112624;display: inline;}
.register-form .link-acc-custom,.no-account .link-acc-custom {color:#112624;} .register-form .link-acc-custom:hover, .no-account .link-acc-custom:hover {color:#112624;font-weight:bold;}
#presta_custom_field .form-group.row.presta_multipleSelected {margin-left: -10px;}
#presta_custom_field .form-group.row.presta_multipleSelected .col-md-2.form-control-label {display:flex;}
#presta_custom_field .form-group.row.presta_multipleSelected .col-md-2.form-control-label span.required {order:2}
#presta_custom_field select.presta_rf_selected {margin-left:0;}
.btn[data-action="show-password"]{border: 1px solid #253237!important;padding: 0.62rem 1rem!important;border-radius: 0px 5px 5px 0px;}
.btn[data-action="show-password"]:hover{background: #fff!important;color: #253237;border: 1px solid #253237}
.page-my-account #content .links a span.link-item {border: #EBEBEB 1px solid;border-radius: 5px;background: #FAFAFA;box-shadow:none;}
.page-my-account #content .links a span.link-item:hover {box-shadow: 0px 3px 10px #00000029;background: #FFFFFF;}

.page-addresses .address {border: #EBEBEB 1px solid;border-radius: 5px;background: #FAFAFA;box-shadow:none;}
.page-addresses .address .address-body {height:250px;}
.page-addresses .address .address-body h4 {text-align:center;font-size:18px;color:}
.page-addresses .address .address-body p {color:#253237;}
.page-addresses .address .address-footer {border:none;height: 50px;justify-content: space-around;display: flex;margin-bottom: 20px;}
.page-addresses .address a[data-link-action="edit-address"]{border:1px solid #253237; border-radius:5px;padding:10px 15px 15px 15px;color:#253237}
.page-addresses .address a[data-link-action="edit-address"]:hover{border:1px solid #253237; background:#253237;color:#fff}
.page-addresses .address a[data-link-action="delete-address"]{border:1px solid #EF804C;border-radius:5px;padding: 10px 15px 15px 15px;color:#EF804C;height: 2opx;}
.page-addresses .address a[data-link-action="delete-address"]:hover{border:1px solid #EF804C;background:#EF804C;color:#fff}

.input-group .input-group-btn>.btn[data-action=show-password] {
border: 1px solid #253237 !important;
background: #253237;
border-radius: 0 5px 5px 0;
text-transform: capitalize;
font-weight: 500;
padding: 9px 20px;
}
.no-account.no-account-custom span, #login-form .forgot-password a, .register-form p
{color:#112624;}
.no-account.no-account-custom a, .register-form p a
{color:#112624!important; font-weight:900;}
.no-account.no-account-custom a:hover, #login-form .forgot-password a:hover, .register-form p a:hover
{color:#EF804C!important; font-weight:900;}
/* ******************************************* Checkout page ******************************************* */
.product-line-grid-body .product_name {font-size:18px;} .product-line-grid-body .product_name:hover {color:#EF804C;}
.product-line-grid-right .product-price  {font-size:20px;}
.custom-check {padding:20px; border: 1px solid #253237!important;border-radius: 5px;}
.block-promo .promo-code, .block-promo .cart-voucher h5 {background: transparent!important;border-bottom:none!important;padding:0!important;margin-bottom: 20px!important;}
.block-promo .promo-code form .promo-input{border: 1px solid #253237!important;border-radius: 5px;width:100%;margin:0;margin-bottom:10px;margin-right: 0px!important;}
.block-promo .promo-code form [type='submit']{border: 1px solid #253237!important;border-radius: 5px;width: 100%;margin:0;}
.block-promo .simple-text {margin-bottom: 15px!important;font-size:16px;color:#253237;padding-bottom: 20px;}
.cart-grid-right .promo-discounts {text-align:left!important;}
.cart-grid-right .promo-discounts .cart-summary-line .text {font-size:14px;font-weight:400;color:#253237;}
.cart-grid-right .promo-discounts .cart-summary-line .label {font-size:15px;font-weight:600;color:#253237;}
.cart-grid-right .promo-discounts,.block-promo.promo-highlighted {padding:0!important;text-align:left!important;margin-bottom:15px!important;font-size:15px;color:#253237;}
li.cart-summary-line {margin-bottom:15px;}
.card.cart-summary {border:none;}
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block {padding: 1.25rem 0}

body#checkout section.checkout-step p {padding: 15px;background: #fafafa;border: 1px solid #EBEBEB;border-radius: 5px;color: #253237;}
body#checkout section.checkout-step .add-addres {padding: 20px 10px 10px 10px;background: #fafafa;border: 1px solid #EBEBEB;border-radius: 5px;}
body#checkout section.checkout-step p:hover a {font-weight: bold;}
body#checkout section.checkout-step .step-title {
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    font-size: 10px;
0px !important    line-height: 30px;
    text-align: center;
    color: #112624;
    opacity: 1;
    letter-spacing: 0;
    background:#fff;
    border-radius: 5px;
    padding: 0 10px 0 0!important;
    width: 200px;
    }
body#checkout section.checkout-step .step-number{border-radius: 5px 0 0 5px!important;width: 50px!important;height: 32px!important;margin: -1px 5px -1px -1px;padding: 2px 6px 1px 2px;line-height: 30px;float: left;background: #E0E0E0;}
body#checkout section.checkout-step.-unreachable .step-title, body#checkout section.checkout-step.-unreachable .step-title.not-allowed {border: 1px solid #E0E0E0;color:#B1B1B1;}
body#checkout section.checkout-step.-unreachable  .step-number{border: 1px solid #E0E0E0; color: #B1B1B1;background: #E0E0E0;}
body#checkout section.checkout-step.-reachable .step-title, body#checkout section.checkout-step.-current .step-title {border: 1px solid #112624;color:#112624;}
 
body#checkout section.checkout-step:nth-child(1) .step-title { left: 0;z-index: 1;} 
body#checkout section.checkout-step:nth-child(2) .step-title {left: 40%;z-index: 2;top: 0;}
body#checkout section.checkout-step:nth-child(3) .step-title {left: 80%;z-index: 3;}
body#checkout section.checkout-step:nth-child(4) .step-title {left: 120%; z-index: 4;}
section.checkout-step.js-current-step .content {margin-top: 100px;padding: 20px!important;border: 1px solid #BABABA!important;border-radius: 5px;}
body#checkout section.checkout-step.-reachable.-complete .step-title:before {background: #112624;}
body#checkout section.checkout-step:nth-child(4) .step-title:before{content: none;}
body#checkout section.checkout-step.-current + .checkout-step .step-title{;padding:0;}
body#checkout section.checkout-step .step-title:before {
    content: "";
    position: absolute;
    top: 15px;
    width: 59%;
    height: 2px;
    left: 101%;
    background: #E0E0E0;
    }


section.checkout-step  .step-title.js-step-title.h3  {background:#fff;}
.checkout-step.-reachable.-complete i {background:#253237;border-radius: 5px 0 0 5px;width: 50px;height: 30px;padding: 3px 6px 1px 2px;line-height: 24px;margin: 0px 5px 0 -1px;float: left;}
.checkout-step.-reachable.-complete i {color:#B1B1B1;}
.checkout-step.-reachable.-complete i.done {color:#fff;}
#delivery-addresses .js-address-item.address-item header {height: 200px;}
body#checkout section.checkout-step p {padding: 15px;background: #fafafa;border: 1px solid #EBEBEB;border-radius: 5px;color: #253237;}
body#checkout section.checkout-step p.hidden {visibility: hidden;height: 0;margin: -20px;}
body#checkout section.checkout-step .add-addres {padding: 20px 10px 10px 10px;background: #fafafa;border: 1px solid #EBEBEB;border-radius: 5px;}
body#checkout section.checkout-step p:hover a {font-weight: bold;}

#delivery-addresses .js-address-item.address-item .address-footer .edit-address.text-muted {border: 1px solid #253237;border-radius: 5px;padding: 10px 15px;color: #253237!important;width: 125px;}
#delivery-addresses .js-address-item.address-item .address-footer .edit-address.text-muted:hover {    border: 1px solid #253237;    background: #253237;    color: #fff!important;}
#delivery-addresses .js-address-item.address-item .address-footer .delete-address.text-muted {border: 1px solid #BE5A5A;border-radius: 5px;padding: 10px 15px;color: #BE5A5A!important;width: 125px;}
#delivery-addresses .js-address-item.address-item .address-footer .delete-address.text-muted:hover {    border: 1px solid ##BE5A5A;    background: #BE5A5A;  color: #fff!important;}

body#checkout section.checkout-step .address-item {border: none!important;flex:inherit;width: 100%;}
body#checkout section.checkout-step .address {border-top:none;padding:0 0 0 20px}

.delivery-option.js-delivery-option {background: #fff!important; border-bottom: 1px solid #EBEBEB; }
.delivery-option.js-delivery-option .carrier-price {font-weight:bold;}

#js-checkout-summary {margin-top:100px;border:none;}
#js-checkout-summary .block-promo-custom {margin-bottom:40px;padding: 20px;border: 1px solid #BABABA !important;border-radius: 5px;}
#js-checkout-summary .card-block-top {padding: 20px;border: 1px solid #BABABA !important;border-radius: 5px;}
body#checkout section.checkout-step .step-edit {display:none!important;}
#js-checkout-summary .js-cart-summary-totals .cart-summary-line.cart-total .label {font-weight:bold}
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block {padding:0}

.cart-overview.js-cart, .custom-check-value, .custom-check-voucher{padding: 20px;border: 1px solid #BABABA !important;border-radius: 5px;}

/* =========================================================
   TRESETESSANTA - PRODUCT CARD
  34 ========================================================= */


/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.coffee-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 250px !important;
    overflow: hidden;

    background: #E8E8E8;
    border: 1px solid #EBEBEB;
    border-radius: 5px;

    box-shadow: none;

    padding: 20px;
    margin: 0;

    text-align: center;
    transition: 0.3s ease;
    box-sizing: border-box;
}


.coffee-product-card:hover {
    border-color: #EBEBEB;
    background-color: #FFFFFF !important;
    box-shadow:0 3px 10px #00000029;
    transition: 0.3s ease;
}


/* Remove / neutralize some Classic theme defaults */

.coffee-product-card.product-miniature {
    margin: 0;
}

.coffee-product-card *,
.coffee-product-card *::before,
.coffee-product-card *::after {
    box-sizing: border-box;
}


/* =========================================================
   DISCOUNT BADGE
   ========================================================= */

.coffee-product-discount {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;

    display: flex;
    align-items: flex-start;
    justify-content: flex-end;

    width: 82px;
    height: 82px;

    padding: 14px 9px 0 0;

    background: #EF804C;
    color: #ffffff;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    clip-path: polygon(
        0 0,
        100% 0,
        100% 100%
    );
}

.coffee-product-discount span {
    display: inline-block;
    transform: rotate(45deg) translate(5px, 2px);
}

/* =========================================================
   IMAGE AREA
   ========================================================= */

.coffee-product-image {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    background: transparent !important;
    margin-bottom: 15px;
}


.coffee-product-image .product-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    background: transparent;
}


.coffee-product-image picture {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}


.coffee-product-main-image {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 95% !important;
    max-height: 245px !important;

    margin: 0 auto;

    object-fit: contain;
}


/* Classic sometimes positions product images */

.coffee-product-card .product-thumbnail img {
    position: static !important;
    top: auto !important;
    left: auto !important;

    transform: none !important;
}


/* =========================================================
   PRODUCT CONTENT
   ========================================================= */

.coffee-product-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    font-family: lato;
    width: 100%;
}


/* ---------------------------------------------------------
   FORMAT
   Macinato Moka
   --------------------------------------------------------- */

.coffee-product-format {
    color: #6C6C6C;
    font-size: 14px;
    font-weight: 400;
 Error executing command as another user: Request dismissed
    line-height: 22px;
    text-align: center;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.coffee-product-title {
    color: #112624;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.coffee-product-title a {
    color: #1e4340 !important;

    font-size: inherit;
    font-weight: inherit;

    text-decoration: none !important;
}


.coffee-product-title a:hover {
    color: #1e4340 !important;
    text-decoration: none !important;
}


/* =========================================================
   DESCRIPTION / SENTORI
   ========================================================= */

.coffee-product-description {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    height: calc(17px * 5 + 2px);
    text-align: center;

    /* Maximum 5 lines + ... */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;

    overflow: hidden;
    text-overflow: ellipsis;
}


.coffee-product-description p {
    margin: 0;
}


/* =========================================================
   PRICE
   ========================================================= */

.coffee-product-price {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 3px 0 20px !important;
    padding: 0;
    background: transparent !important;
    text-align: center;
}


/* Normal/current price */
.coffee-product-price .coffee-product-current-price,
.coffee-product-price .price {
    color: #F1804C !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 22px !important;
}


/* Sale price */

.coffee-product-card.has-discount
.coffee-product-current-price {
    color: #f47b45 !important;
}


/* Old price */

.coffee-product-regular-price,
.coffee-product-price .regular-price {
    margin: 0 !important;

    color: #808080 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 22px !important;

    text-decoration: line-through !important;
}


/* Hide any extra discount label inserted by old theme/module */

.coffee-product-price .discount-product,
.coffee-product-price .discount-percentage,
.coffee-product-price .discount-amount {
    display: none !important;
}


/* =========================================================
   ACTION ROW
   ========================================================= */

.coffee-product-actions {
    display: flex;
    width: 100%;
    gap: 7px;
    font-family: "Lato" !important;
}


.coffee-product-main-action {
    flex: 1 1 0;
}

.coffee-product-main-action:hover .coffee-add-to-cart,
.coffee-product-main-action:hover .coffee-product-options-button,
.coffee-product-main-action:hover .coffee-product-out-of-stock {
    background-color: #1E4340 !important;
    color: #FFFFFF !important;
    transition: 0.3s;
}

.coffee-product-main-action:hover .coffee-cart-icon img {
    filter: brightness(0) invert(1);
    transition: 0.3s;
}

.coffee-product-cart-form {
    display: flex;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.coffee-add-to-cart {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    gap: 10px;
    padding: 7px 10px !important;

    background: transparent !important;

    border: 1px solid #1E4340 !important;
    border-radius: 3px !important;

    color: #1E4340 !important;

    font-size: 14px !important;
    line-height: 17px;

    box-shadow: none !important;
    text-transform: none !important;
    cursor: pointer;
}

.coffee-cart-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.coffee-cart-icon img {
    display: block;
    width: 17px;
    height: 14px;
}


/* =========================================================
   PRODUCTS WITH VARIANTS
   ========================================================= */

.coffee-product-options-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    padding: 7px 10px !important;

    background: transparent !important;

    border: 1px solid #1E4340 !important;
    border-radius: 3px !important;

    color: #1E4340 !important;

    font-size: 14px !important;
    line-height: 17px;

    box-shadow: none !important;
    text-transform: none !important;
    cursor: pointer;

}



/* =========================================================
   OUT OF STOCK
   ========================================================= */

.coffee-product-out-of-stock {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    padding: 7px 10px !important;

    background: transparent !important;

    border: 1px solid #1E4340 !important;
    border-radius: 3px !important;

    color: #1E4340 !important;

    font-size: 14px !important;
    line-height: 17px;
}


/* =========================================================
   WISHLIST
   ========================================================= */

   /* Wishlist wrapper */
.coffee-product-wishlist.thumbnail-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px !important;
    height: 33px !important;
    border: 1px solid #1E4340 !important;
    border-radius: 3px;
}

.coffee-product-wishlist.thumbnail-container {
    position: static !important;

    width: 33px !important;
    height: 33px !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 1px solid #1E4340 !important;
    border-radius: 3px;

    box-shadow: none !important;

    overflow: visible !important;
}

/* Real wishlist button */
.coffee-product-wishlist .wishlist-button-add {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: #1E4340 !important;
    box-shadow: none !important;
    cursor: pointer;
    
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.wishlist-button-add {
  position: static !important;
  width: fit-content !important;
  height: fit-content !important;

}

/* Hide PrestaShop Material heart */
.coffee-product-wishlist .wishlist-button-add i {
    display: none !important;
}


/* heart icon */
.coffee-product-wishlist .wishlist-button-add::before {
    content: "";

    display: block;

    width: 16px;
    height: 16px;

    background-image: url('/img/cms/heart.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* =========================================================
   SALE CARD
   subtle shadow like new mockup
   ========================================================= */

.coffee-product-card.has-discount {
    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.07);
}


/* =========================================================
   PRODUCT GRID ALIGNMENT
   ========================================================= */

.products .js-product {
    margin-bottom: 28px;
}


.products .js-product > .coffee-product-card {
    min-height: 100%;
}


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

@media (max-width: 991px) {

    .coffee-product-card {
        padding-left: 18px;
        padding-right: 18px;
    }

    .coffee-product-image {
        min-height: 245px;
    }

    .coffee-product-main-image {
        max-width: 78% !important;
        max-height: 210px !important;
    }

    .coffee-product-title {
        font-size: 21px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .coffee-product-card {
        padding: 0 16px 18px;
    }

    .coffee-product-image {
        min-height: 220px;

        padding-top: 24px;
    }

    .coffee-product-main-image {
        max-width: 72% !important;
        max-height: 190px !important;
    }

    .coffee-product-title {
        min-height: auto;

        font-size: 20px;
    }

    .coffee-product-description {
        min-height: auto;

        margin-bottom: 15px;

        font-size: 13px;
    }

    .coffee-product-price {
        margin-bottom: 16px !important;
    }

    .coffee-add-to-cart,
    .coffee-product-options-button,
    .coffee-product-out-of-stock {
        min-height: 46px;
    }

    .coffee-product-wishlist {
        flex-basis: 46px;

        width: 46px;
        height: 46px;
    }

    .coffee-product-wishlist button,
    .coffee-product-wishlist a,
    .coffee-product-wishlist .wishlist-button-add {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

}

#blockcart-modal .modal-header{background:#253237;}
#blockcart-modal .modal-header h4,#blockcart-modal .modal-header i, #blockcart-modal .modal-header button{color:#fff!important;}

#blockcart-modal .modal-body .cart-content-btn .btn.btn-secondary {background:#EF804C; color:#fff; border: 1px solid #EF804C;border-radius: 5px;padding: 15px 20px;font-size: 14px;}
#blockcart-modal .modal-body .cart-content-btn .btn.btn-secondary:hover {background:#fff; color:#EF804C;}

#blockcart-modal .modal-body .cart-content-btn a.btn.btn-primary {background:#253237; border-radius: 5px;padding: 15px 20px;font-size: 14px;}
#blockcart-modal .modal-body .cart-content-btn a.btn.btn-primary:hover{background:#fff!important;color:#253237!important;}
#blockcart-modal .modal-body .h6.product-name {color:#253237;margin-bottom:15px;}
#blockcart-modal .modal-body .product-price {color:#EF804C;font-size:16px;font-weight:700;}
#blockcart-modal .modal-body .product-total {display:none;}


.breadcrumb a:hover {font-weight:bold;}
.breadcrumb li:last-child span {color: #1E4340;text-decoration:underline;padding-bottom:3px;text-underline-offset: 3px;}









/* =========================================================
   PRODUCT PAGE
   ========================================================= */
/* =========================================================
   TRESETESSANTA - PRODUCT PAGE
   ========================================================= */
/* =========================================================
   TRESETESSANTA - PRODUCT PAGE
   FLEXBOX VERSION
   ========================================================= */

#product {
    --coffee-green: #1E4340;
    --coffee-green-hover: #173936;
    --coffee-orange: #F47B45;
    --coffee-gray: #7F7F7F;
    --coffee-light-gray: #F3F3F3;
    --coffee-border: #CFCFCF;
}


/* =========================================================
   MAIN PRODUCT LAYOUT
   ========================================================= */

#product .product-container {
    align-items: flex-start;
}

#product .product-gallery-column {
    padding-right: 45px;
}

#product .product-info-column {
    font-family: "Lato";
}

#product .product-stock-badge {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #3ca66b;
    border-radius: 2px;
    color: #49A769;
    background: transparent;
    margin-bottom: 20px; 
    font-size: 10px;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

#product .breadcrumb {
    margin-bottom: 30px;
    padding: 0;

    background: transparent;

    font-size: 14px;
}

#product .breadcrumb a {
    color: #173F3B;
}


/* =========================================================
   MAIN PRODUCT IMAGE
   ========================================================= */

#product .product-cover {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    margin: 0;

    background: #F7F8F8;

    overflow: hidden;
}

#product .product-cover img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    object-fit: contain;
}


/* =========================================================
   PRODUCT THUMBNAILS
   ========================================================= */

#product .product-images {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 20px;
    padding: 0;
}

#product .product-images .thumb-container {
    margin: 0 !important;
}

#product .product-images img.thumb {
    width: 92px;
    height: 92px;

    padding: 0;

    object-fit: cover;

    background: #F4F4F4;

    border: 1px solid transparent;
    border-radius: 5px;

    cursor: pointer;
}

#product .product-images img.thumb.selected,
#product .product-images img.thumb:hover {
    border: 2px solid var(--coffee-orange);
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

#product .product-main-title {
    margin: 0 0 14px !important;

    color: var(--coffee-green);
    font-family: migha;
    font-size: 28px;
    font-weight: 700;

    line-height: 1.2;

    text-transform: none;
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

#product .product-prices {
    margin: 0 0 18px;
}

#product .product-prices .current-price,
#product .product-prices .current-price-value,
#product .product-price {
    color: var(--coffee-orange) !important;

    font-size: 27px !important;
    font-weight: 700 !important;

    line-height: 1.2;
}

#product .product-prices .regular-price {
    margin-right: 10px;

    color: #999999 !important;

    font-size: 17px !important;

    text-decoration: line-through;
}

#product .product-prices .tax-shipping-delivery-label {
    color: #AAAAAA;

    font-size: 13px;
    font-weight: 400;

    text-transform: uppercase;
}


/* =========================================================
   SHORT DESCRIPTION
   ========================================================= */

#product .product-description-short-custom,
#product #product-description-short,
#product .product-description {
    margin-bottom: 22px;

    color: #555555;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.55;
}

#product .product-description-short-custom p,
#product #product-description-short p {
    margin-bottom: 0;
}


/* =========================================================
   HIGHLIGHT FEATURES
   FORMATO / QUANTITÀ / SPECIE / ...
   ========================================================= */

#product .product-highlight-features {
    display: flex;
    flex-direction: column;

    gap: 15px;

    margin: 20px 0 24px;
}

#product .product-highlight-item {
    display: flex;
    gap: 8px;
    margin: 0;
    color: var(--coffee-green);
    font-size: 15px;
    line-height: 1.3;
}

#product .product-highlight-label {
    text-transform: uppercase;
}


#product .product-highlight-item strong,
#product .product-highlight-item .feature-label {
    display: block;

    margin-bottom: 5px;

    color: #252525;

    font-size: 14px;
    font-weight: 400;

    text-transform: uppercase;
}

#product .product-highlight-item i,
#product .product-highlight-item svg,
#product .product-highlight-item img {
    margin-right: 8px;
}


/* =========================================================
   PRODUCT VARIANTS
   ========================================================= */

#product .product-variants {
    margin: 0 0 24px;
}

#product .product-variants > .product-variants-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-bottom: 15px;
}

#product .product-variants .control-label {
    margin: 0 !important;

    color: #333333;

    font-size: 15px;
    font-weight: 400;

    white-space: nowrap;
}

#product .product-variants select {
    width: auto;
    min-width: 220px;
    min-height: 43px;

    margin: 0;

    padding: 8px 34px 8px 12px;

    background-color: #FFFFFF;

    border: 1px solid #D1D1D1;
    border-radius: 0;

    color: #444444;

    font-size: 14px;

    box-shadow: none;
}


/* =========================================================
   PRODUCT CHARACTERISTICS TABLE
   FLEXBOX
   ========================================================= */

#product .product-features {
    margin-top: 25px;
}

#product .product-features .data-sheet {
    display: flex;
    flex-wrap: wrap;

    width: 100%;

    margin: 0;
}

#product .product-features .data-sheet dt {
    flex: 1 1 calc(100% - 70px);

    min-height: 42px;

    margin: 0;
    padding: 11px 18px;

    color: #173F3B;

    font-size: 14px;

    border: 0;
}

#product .product-features .data-sheet dd {
    flex: 0 0 70px;

    min-height: 42px;

    margin: 0;
    padding: 11px 18px;

    color: #173F3B;

    font-size: 14px;
    font-weight: 700;

    text-align: right;

    border: 0;
}

#product .product-features .data-sheet dt:nth-of-type(odd),
#product .product-features .data-sheet dd:nth-of-type(odd) {
    background: #F1F1F1;
}


/* =========================================================
   PRODUCT ADD TO CART SECTION
   ========================================================= */

#product .product-add-to-cart {
    width: 100%;

    margin-top: 30px;
}


/* Hide "Quantità" label */

#product .product-add-to-cart > .control-label {
    display: none !important;
}


/* =========================================================
   ACTION ROW
   FLEXBOX

   [ - 1 + ] [ ADD TO CART ] [ WISHLIST ]
   ========================================================= */

#product .product-add-to-cart .product-quantity {
    display: flex !important;

    align-items: stretch !important;
    flex-wrap: wrap !important;

    gap: 20px;

    width: 100%;

    margin: 0 !important;
    padding: 0 0 20px !important;
}


/* =========================================================
   QUANTITY WRAPPER
   ========================================================= */

#product .product-add-to-cart .qty {
    flex: 0 0 122px;

    width: 122px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   QUANTITY BOX
   FLEXBOX
   ========================================================= */

#product .product-add-to-cart .bootstrap-touchspin {
    display: flex !important;

    align-items: stretch !important;

    width: 122px !important;
    height: 49px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #FFFFFF !important;

    border: 1px solid #C8C8C8 !important;
    border-radius: 4px !important;

    box-shadow: none !important;
}


/*
   Important:
   PrestaShop places +/- inside
   .input-group-btn-vertical.

   display: contents makes the buttons behave like
   direct flex children of .bootstrap-touchspin.
*/

#product .product-add-to-cart .input-group-btn-vertical {
    display: contents !important;
}


/* =========================================================
   MINUS
   ========================================================= */

#product .product-add-to-cart .bootstrap-touchspin-down {
    order: 1;

    flex: 0 0 34px;

    width: 34px !important;
    height: 47px !important;
}


/* =========================================================
   QUANTITY NUMBER
   ========================================================= */

#product .product-add-to-cart #quantity_wanted {
    order: 2;

    flex: 0 0 52px;

    width: 52px !important;
    height: 47px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color: var(--coffee-green) !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 47px !important;

    text-align: center !important;

    -moz-appearance: textfield;
}

#product .product-add-to-cart #quantity_wanted::-webkit-inner-spin-button,
#product .product-add-to-cart #quantity_wanted::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}


/* =========================================================
   PLUS
   ========================================================= */

#product .product-add-to-cart .bootstrap-touchspin-up {
    order: 3;

    flex: 0 0 34px;

    width: 34px !important;
    height: 47px !important;
}


/* =========================================================
   MINUS + PLUS COMMON STYLE
   ========================================================= */

#product .product-add-to-cart .bootstrap-touchspin-down,
#product .product-add-to-cart .bootstrap-touchspin-up {
    position: static !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color: var(--coffee-green) !important;

    font-size: 0 !important;

    cursor: pointer;
}

#product .product-add-to-cart .bootstrap-touchspin-down i,
#product .product-add-to-cart .bootstrap-touchspin-up i {
    display: none !important;
}

#product .product-add-to-cart .bootstrap-touchspin-down::before {
    content: "−";

    color: var(--coffee-green);

    font-size: 18px;
    font-weight: 400;
}

#product .product-add-to-cart .bootstrap-touchspin-up::before {
    content: "+";

    color: var(--coffee-green);

    font-size: 18px;
    font-weight: 400;
}


/* =========================================================
   ADD TO CART WRAPPER
   ========================================================= */

#product .product-add-to-cart .add {
    flex: 1 1 175px;

    min-width: 175px;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ADD TO CART BUTTON
   ========================================================= */

#product .product-add-to-cart .add-to-cart {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 49px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    overflow: hidden;

    background: var(--coffee-green) !important;

    border: 1px solid var(--coffee-green) !important;
    border-radius: 4px !important;

    box-shadow: none !important;

    color: #FFFFFF !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    text-transform: none !important;

    white-space: nowrap;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

#product .product-add-to-cart .add-to-cart:hover {
    background: var(--coffee-green-hover) !important;

    border-color: var(--coffee-green-hover) !important;

    color: #FFFFFF !important;
}


/* Design has no cart icon */

#product .product-add-to-cart .add-to-cart i,
#product .product-add-to-cart .add-to-cart::before {
    display: none !important;
}


/* =========================================================
   DISABLED ADD TO CART
   ========================================================= */

#product .product-add-to-cart .add-to-cart:disabled,
#product .product-add-to-cart .add-to-cart.disabled {
    background: #789A97 !important;

    border-color: #789A97 !important;

    color: #FFFFFF !important;

    opacity: 1 !important;

    cursor: not-allowed;
}


/* =========================================================
   WISHLIST WRAPPER
   ========================================================= */

#product .product-add-to-cart .wishlist-button {
    flex: 0 0 202px;

    width: 202px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   WISHLIST BUTTON
   ========================================================= */

#product .product-add-to-cart .wishlist-button-add {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px;

    width: 202px !important;
    height: 49px !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 11px !important;

    overflow: hidden;

    background: #FFFFFF !important;

    border: 1px solid var(--coffee-green) !important;
    border-radius: 4px !important;

    box-shadow: none !important;

    color: var(--coffee-green) !important;

    white-space: nowrap;

    cursor: pointer;
}


/* Hide original Material heart */

#product .product-add-to-cart .wishlist-button-add i {
    display: none !important;
}


/* Custom Heart */

#product .product-add-to-cart .wishlist-button-add::before {
    content: "";

    display: block;

    flex: 0 0 20px;

    width: 20px;
    height: 18px;

    background-image: url('/img/cms/heart.svg');

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* Wishlist text */

#product .product-add-to-cart .wishlist-button-add::after {
    content: "Aggiungi alla lista desideri";

    color: var(--coffee-green);

    font-size: 13px;
    font-weight: 400;

    line-height: 1;

    white-space: nowrap;
}


/* Prevent pseudo-elements from intercepting click */

#product .product-add-to-cart .wishlist-button-add::before,
#product .product-add-to-cart .wishlist-button-add::after {
    pointer-events: none;
}


/* =========================================================
   AVAILABILITY MESSAGE
   Always moves to next flex row
   ========================================================= */

#product .product-add-to-cart .product-availability {
    flex: 0 0 100%;

    width: 100%;

    margin: 0 !important;
}


/* Error / unavailable panel */

#product .product-add-to-cart .product-availability.alert,
#product .product-add-to-cart .product-availability .alert {
    width: 100%;

    margin: 0;

    border-radius: 0;
}


/* =========================================================
   NOTIFY ME AREA
   ========================================================= */

#product .product-add-to-cart input[type="email"] {
    width: 100%;

    min-height: 40px;

    padding: 8px 14px;

    border: 1px solid #D6D6D6;

    box-shadow: none;
}


/* =========================================================
   PRODUCT TABS
   ========================================================= */

#product .product-tabs-full {
    margin-top: 55px;
}

#product .tabs .nav-tabs {
    border-bottom: 1px solid #E3E3E3;
}

#product .tabs .nav-tabs .nav-link {
    padding: 12px 14px;

    color: #777777;

    font-size: 14px;

    border: 0;
    border-bottom: 2px solid transparent;
}

#product .tabs .nav-tabs .nav-link.active {
    color: var(--coffee-green);

    border-bottom-color: var(--coffee-green);
}

#product .tabs .tab-content {
    padding-top: 20px;

    color: #333333;

    font-size: 14px;

    line-height: 1.5;
}


/* =========================================================
   DESKTOP / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

    #product .product-gallery-column {
        padding-right: 25px;
    }

    #product .product-info-column {
        padding-left: 20px;
    }


    #product .product-add-to-cart .product-quantity {
        gap: 12px;
    }


    #product .product-add-to-cart .qty {
        flex-basis: 105px;

        width: 105px !important;
    }


    #product .product-add-to-cart .bootstrap-touchspin {
        width: 105px !important;
    }


    #product .product-add-to-cart .bootstrap-touchspin-down,
    #product .product-add-to-cart .bootstrap-touchspin-up {
        flex-basis: 30px;

        width: 30px !important;
    }


    #product .product-add-to-cart #quantity_wanted {
        flex-basis: 43px;

        width: 43px !important;
    }


    #product .product-add-to-cart .wishlist-button {
        flex-basis: 180px;

        width: 180px !important;
    }


    #product .product-add-to-cart .wishlist-button-add {
        width: 180px !important;

        gap: 6px;

        padding: 0 8px !important;
    }


    #product .product-add-to-cart .wishlist-button-add::before {
        flex-basis: 17px;

        width: 17px;
        height: 16px;
    }


    #product .product-add-to-cart .wishlist-button-add::after {
        font-size: 11px;
    }


    #product .product-add-to-cart .add-to-cart {
        padding: 0 10px !important;

        font-size: 14px !important;
    }

}


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

@media (max-width: 991px) {

    #product .product-gallery-column,
    #product .product-info-column {
        padding-left: 15px;
        padding-right: 15px;
    }


    #product .product-info-column {
        margin-top: 30px;
    }


    #product .product-add-to-cart .product-quantity {
        gap: 12px;
    }


    #product .product-add-to-cart .qty {
        flex: 0 0 115px;

        width: 115px !important;
    }


    #product .product-add-to-cart .bootstrap-touchspin {
        width: 115px !important;
    }


    #product .product-add-to-cart .bootstrap-touchspin-down,
    #product .product-add-to-cart .bootstrap-touchspin-up {
        flex-basis: 32px;

        width: 32px !important;
    }


    #product .product-add-to-cart #quantity_wanted {
        flex-basis: 49px;

        width: 49px !important;
    }


    #product .product-add-to-cart .wishlist-button {
        flex: 0 0 190px;

        width: 190px !important;
    }


    #product .product-add-to-cart .wishlist-button-add {
        width: 190px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #product .product-main-title {
        font-size: 23px;
    }


    #product .product-prices .current-price,
    #product .product-prices .current-price-value {
        font-size: 23px !important;
    }


    #product .product-images img.thumb {
        width: 72px;
        height: 72px;
    }


    #product .product-add-to-cart .product-quantity {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 12px;
    }


    #product .product-add-to-cart .qty,
    #product .product-add-to-cart .add,
    #product .product-add-to-cart .wishlist-button,
    #product .product-add-to-cart .product-availability {
        flex: 0 0 auto;

        width: 100% !important;
    }


    #product .product-add-to-cart .bootstrap-touchspin {
        width: 100% !important;
        height: 52px !important;
    }


    #product .product-add-to-cart .bootstrap-touchspin-down,
    #product .product-add-to-cart .bootstrap-touchspin-up {
        flex: 1 1 0;

        width: auto !important;
        height: 50px !important;
    }


    #product .product-add-to-cart #quantity_wanted {
        flex: 1 1 0;

        width: auto !important;
        height: 50px !important;

        line-height: 50px !important;
    }


    #product .product-add-to-cart .add-to-cart {
        width: 100% !important;
        height: 52px !important;

        font-size: 16px !important;
    }


    #product .product-add-to-cart .wishlist-button-add {
        width: 100% !important;
        height: 52px !important;
    }


    #product .product-add-to-cart .wishlist-button-add::after {
        font-size: 14px;
    }


    #product .product-variants > .product-variants-item {
        flex-direction: column;
        align-items: flex-start;
    }


    #product .product-variants select {
        width: 100%;

        min-width: 0;
    }

}















#product .product-variants select option {
    background: #fff;
    color: #1E4340;
}

#product .product-variants select option:checked {
    background: #1E4340;
    color: #fff;
}
.page-my-account #content .links a span.link-item {border: #EBEBEB 1px solid;border-radius: 5px;background: #FAFAFA;box-shadow:none;}
.page-my-account #content .links a span.link-item:hover {box-shadow: 0px 3px 10px #00000029;background: #FFFFFF;}
.page-my-account #content .links a:hover i{color: #EF804C!important;}

footer.page-footer a {background:#EF804C;border:1px solid #EF804C;color:#fff;border-radius: 5px;padding: 15px 30px;font-size: 14px;}
footer.page-footer a:hover{background:#fff!important;color:#EF804C!important;border:1px solid #EF804C;}

.wishlist-footer-links {margin-top:30px}
.wishlist-footer-links a:not(:first-child) {background:#EF804C;border:1px solid #EF804C;color:#fff!important;border-radius: 5px;font-size: 14px;padding: 15px 20px;}
.wishlist-footer-links a:not(:first-child):hover{background:#fff!important;color:#EF804C!important;border:1px solid #EF804C;}
.wishlist-footer-links a:first-child, a.wishlist-add-to-new.text-primary {color:#fff!important; border: 1px solid #253237 !important;background: #253237;border-radius: 5px;text-transform: capitalize;font-weight: 500;padding: 15px 20px;}
.wishlist-footer-links a:first-child:hover, a.wishlist-add-to-new.text-primary:hover { background: #fff !important; color:#253237!important;}:hover{opacity:1!important}     

.subcategories-list li h5 a{color:#253237!important; font-weight:500;} 
.subcategories-list li h5 a:hover{color:#EF804C!important;font-weight:900;}
.subcategories-list li .subcategory-image{display:none;}

.product-miniature .thumbnail-container:hover{opacity:0.7;}
.coffee-product-wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px !important;
    height: 33px !important;
    border: 1px solid #1E4340 !important;
    border-radius: 3px;
    background:inherit!important;
}