/****** PERSONAL CSS ******/

.footer-payment{display:none;}
/* barra menu */
nav.navbar.navbar-primary.navbar-full.yamm{
  background: #26314c !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: 52px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  box-shadow: 0 2px 0 rgba(0,0,0,.04) inset !important;
}

nav.navbar.navbar-primary.navbar-full.yamm > .container{
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
}

/* ul principale */
nav.navbar.navbar-primary .nav.navbar-nav,
nav.navbar.navbar-primary .departments-menu.primary-nav,
nav.navbar.navbar-primary ul.nav.navbar-nav{
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  float: none !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* li */
nav.navbar.navbar-primary .nav.navbar-nav > li,
nav.navbar.navbar-primary .departments-menu.primary-nav > li,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item{
  float: none !important;
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* link principali */
nav.navbar.navbar-primary .nav.navbar-nav > li > a,
nav.navbar.navbar-primary .departments-menu.primary-nav > li > a,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 26px !important;
  color: #ffffff !important;
  background: transparent !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .65px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* separatori verticali */
nav.navbar.navbar-primary .nav.navbar-nav > li:not(:last-child) > a::after,
nav.navbar.navbar-primary .departments-menu.primary-nav > li:not(:last-child) > a::after,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item:not(:last-child) > a::after{
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1px !important;
  height: 20px !important;
  background: rgba(255,255,255,.22) !important;
}

/* stato hover / attivo */
nav.navbar.navbar-primary .nav.navbar-nav > li > a:hover,
nav.navbar.navbar-primary .departments-menu.primary-nav > li > a:hover,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a:hover,
nav.navbar.navbar-primary .nav.navbar-nav > li.current-menu-item > a,
nav.navbar.navbar-primary .nav.navbar-nav > li.current_page_item > a,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.current-menu-item > a,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.current_page_item > a{
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
}

/* sottolineatura arancione sottile su hover/attivo */
nav.navbar.navbar-primary .nav.navbar-nav > li > a:hover::before,
nav.navbar.navbar-primary .departments-menu.primary-nav > li > a:hover::before,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a:hover::before,
nav.navbar.navbar-primary .nav.navbar-nav > li.current-menu-item > a::before,
nav.navbar.navbar-primary .nav.navbar-nav > li.current_page_item > a::before,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.current-menu-item > a::before,
nav.navbar.navbar-primary ul.nav.navbar-nav > li.current_page_item > a::before{
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 0 !important;
  height: 3px !important;
  background: #ef741f !important;
  border-radius: 2px 2px 0 0 !important;
}

/* dropdown */
nav.navbar.navbar-primary .dropdown-menu{
  background: #16336c !important;
  border: none !important;
  border-top: 3px solid #ef741f !important;
  border-radius: 0 0 4px 4px !important;
  padding: 0 !important;
  margin-top: 0 !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.18) !important;
  min-width: 250px !important;
}

nav.navbar.navbar-primary .dropdown-menu > li{
  margin: 0 !important;
  padding: 0 !important;
}

nav.navbar.navbar-primary .dropdown-menu > li > a{
  display: block !important;
  padding: 12px 18px !important;
  color: #e8edf7 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .25px !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

nav.navbar.navbar-primary .dropdown-menu > li:last-child > a{
  border-bottom: none !important;
}

nav.navbar.navbar-primary .dropdown-menu > li > a:hover{
  background: #ef741f !important;
  color: #ffffff !important;
}

/* freccette eventuali */
nav.navbar.navbar-primary .dropdown > a .caret,
nav.navbar.navbar-primary .menu-item-has-children > a .caret{
  margin-left: 8px !important;
  border-top-color: rgba(255,255,255,.9) !important;
  border-bottom-color: rgba(255,255,255,.9) !important;
}

/* toggle mobile */
nav.navbar.navbar-primary .navbar-toggle{
  border: none !important;
  background: transparent !important;
  margin: 8px 0 !important;
}

nav.navbar.navbar-primary .navbar-toggle .icon-bar{
  background: #ffffff !important;
}

/* versione tablet/mobile */
@media (max-width: 991px){

  nav.navbar.navbar-primary.navbar-full.yamm > .container{
    justify-content: flex-start !important;
  }

  nav.navbar.navbar-primary .nav.navbar-nav,
  nav.navbar.navbar-primary .departments-menu.primary-nav,
  nav.navbar.navbar-primary ul.nav.navbar-nav{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  nav.navbar.navbar-primary .nav.navbar-nav > li,
  nav.navbar.navbar-primary .departments-menu.primary-nav > li,
  nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item{
    display: block !important;
    width: 100% !important;
  }

  nav.navbar.navbar-primary .nav.navbar-nav > li > a,
  nav.navbar.navbar-primary .departments-menu.primary-nav > li > a,
  nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a{
    justify-content: flex-start !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }

  nav.navbar.navbar-primary .nav.navbar-nav > li > a::after,
  nav.navbar.navbar-primary .departments-menu.primary-nav > li > a::after,
  nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a::after{
    display: none !important;
  }

  nav.navbar.navbar-primary .nav.navbar-nav > li > a:hover::before,
  nav.navbar.navbar-primary .departments-menu.primary-nav > li > a:hover::before,
  nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a:hover::before,
  nav.navbar.navbar-primary .nav.navbar-nav > li.current-menu-item > a::before,
  nav.navbar.navbar-primary .nav.navbar-nav > li.current_page_item > a::before,
  nav.navbar.navbar-primary ul.nav.navbar-nav > li.current-menu-item > a::before,
  nav.navbar.navbar-primary ul.nav.navbar-nav > li.current_page_item > a::before{
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    height: auto !important;
    border-radius: 0 !important;
  }

  nav.navbar.navbar-primary .dropdown-menu{
    position: static !important;
    float: none !important;
    width: 100% !important;
    box-shadow: none !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
    background: rgba(0,0,0,.08) !important;
  }

  nav.navbar.navbar-primary .dropdown-menu > li > a{
    padding: 11px 22px !important;
    font-size: 11px !important;
  }
}


/* =========================================================
   CTI /site/ — HEADER FIX SENZA FLEX
   Logo sinistra / search centro / carrello destra
   ========================================================= */

/* reset del blocco precedente */
#masthead.site-header.header-v3 > .container,
#masthead.site-header.header-v3 .container{
  display:block !important;
}

#masthead.site-header.header-v3{
  background:#fff !important;
  border:none !important;
  box-shadow:none !important;
  padding:14px 0 12px !important;
}

/* usa la struttura a colonne senza flex */
#masthead .header-logo,
#masthead .navbar-search,
#masthead .navbar-mini-cart{
  float:left !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

/* larghezze */
#masthead .header-logo{
  width:22% !important;
}

#masthead .navbar-search{
  width:48% !important;
  padding:12px 18px 0 18px !important;
}

#masthead .navbar-mini-cart{
  width:30% !important;
  text-align:right !important;
  padding-top:10px !important;
  /* float: right !important; */
}

/* clearfix */
#masthead.site-header.header-v3:after,
#masthead.site-header.header-v3 .container:after{
  content:"" !important;
  display:block !important;
  clear:both !important;
}

/* logo */
#masthead .header-logo a{
  display:inline-block !important;
}

#masthead .header-logo img{
  max-height:86px !important;
  width:auto !important;
  display:block !important;
}

/* search */
#masthead .navbar-search form,
#masthead .navbar-search .input-group{
  display:table !important;
  width:100% !important;
  border-collapse:collapse !important;
}

#masthead .navbar-search .form-control.search-field{
  display:table-cell !important;
  width:100% !important;
  height:46px !important;
  border:1px solid #d8dde7 !important;
  border-right:none !important;
  border-radius:3px 0 0 3px !important;
  background:#fff !important;
  box-shadow:none !important;
  padding:0 14px !important;
  font-size:14px !important;
  color:#5c677b !important;
  vertical-align:middle !important;
}

#masthead .navbar-search .btn.btn-secondary.search-header{
  display:table-cell !important;
  width:58px !important;
  min-width:58px !important;
  height:46px !important;
  border:1px solid #25314c !important;
  border-radius:0 3px 3px 0 !important;
  background:#25314c !important;
  color:#fff !important;
  box-shadow:none !important;
  padding:0 !important;
  vertical-align:middle !important;
}

#masthead .navbar-search .btn.btn-secondary.search-header:hover{
  background:#ef741f !important;
  border-color:#ef741f !important;
}

/* mini cart */
#masthead .navbar-mini-cart > li{
  list-style:none !important;
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  text-align: right;
  width: 100%;
}

#masthead .navbar-mini-cart > li > a.nav-link{
  display:inline-block !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  color:#25324a !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

#masthead .navbar-mini-cart > li > a.nav-link i,
#masthead .navbar-mini-cart > li > a.nav-link .ec{
  display:inline-block !important;
  width:40px !important;
  height:40px !important;
  line-height:40px !important;
  text-align:center !important;
  background:#25314c !important;
  color:#fff !important;
  border-radius:3px !important;
  font-size:16px !important;
  vertical-align:middle !important;
  margin-right:8px !important;
}

#masthead .navbar-mini-cart .count{
  display:inline-block !important;
  min-width:15px !important;
  height:15px !important;
  line-height:15px !important;
  padding:0 3px !important;
  border-radius:50% !important;
  background:#ef741f !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:700 !important;
  text-align:center !important;
  position:relative !important;
  top:-8px !important;
  left:-18px !important;
  margin-right:-8px !important;
}

#masthead .navbar-mini-cart > li > a.nav-link:hover{
  color:#ef741f !important;
}

#masthead .navbar-mini-cart > li > a.nav-link:hover i,
#masthead .navbar-mini-cart > li > a.nav-link:hover .ec{
  background:#ef741f !important;
}

/* responsive */
@media (max-width: 991px){
  #masthead .header-logo,
  #masthead .navbar-search,
  #masthead .navbar-mini-cart{
    float:none !important;
    width:100% !important;
    text-align:center !important;
  }

  #masthead .navbar-search{
    padding:12px 0 !important;
  }

  #masthead .navbar-mini-cart{
    padding-top:8px !important;
  }

  #masthead .header-logo img{
    margin:0 auto !important;
  }
}

/* =========================================================
   CTI /site/ — SLIDER SOLO TESTO / FONT / CTA
   NON tocca layout, width, height, posizionamenti o display
   ========================================================= */

/* caption: solo allineamento testo */
.home-v2-slider #owl-main .caption,
#owl-main .caption{
  text-align:center !important;
}

/* titolo principale */
.home-v2-slider #owl-main .hero-1,
.home-v2-slider #owl-main .hero-1 font,
#owl-main .hero-1,
#owl-main .hero-1 font{
  color:#ffffff !important;
  font-size:60px !important;
  line-height:1.06 !important;
  font-weight:800 !important;
  letter-spacing:-1px !important;
  text-transform:none !important;
  text-align:center !important;
  text-shadow:0 3px 14px rgba(0,0,0,.18) !important;
  margin-bottom:18px !important;
}

/* sottotitolo */
.home-v2-slider #owl-main .hero-subtitle,
.home-v2-slider #owl-main .hero-subtitle font,
#owl-main .hero-subtitle,
#owl-main .hero-subtitle font{
  color:rgba(255,255,255,.97) !important;
  font-size:21px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  text-transform:none !important;
  text-align:center !important;
  text-shadow:0 2px 8px rgba(0,0,0,.16) !important;
  margin-bottom:28px !important;
}

/* eventuali span/font annidati */
.home-v2-slider #owl-main .hero-1 *,
.home-v2-slider #owl-main .hero-subtitle *,
#owl-main .hero-1 *,
#owl-main .hero-subtitle *{
  color:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  text-align:inherit !important;
  text-transform:inherit !important;
}

/* area pulsante */
.home-v2-slider #owl-main .hero-action-btn,
#owl-main .hero-action-btn{
  text-align:center !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* pulsante CTA */
.home-v2-slider #owl-main .hero-action-btn a,
.home-v2-slider #owl-main .hero-action-btn a.big,
.home-v2-slider #owl-main .hero-action-btn a.big.le-button,
#owl-main .hero-action-btn a,
#owl-main .hero-action-btn a.big,
#owl-main .hero-action-btn a.big.le-button{
  background:linear-gradient(180deg,#f5852b 0%, #ef741f 100%) !important;
  color:#ffffff !important;
  border:none !important;
  border-radius:4px !important;
  padding:15px 34px !important;
  font-size:17px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  text-transform:none !important;
  box-shadow:0 10px 24px rgba(239,116,31,.28) !important;
}

.home-v2-slider #owl-main .hero-action-btn a:hover,
.home-v2-slider #owl-main .hero-action-btn a.big:hover,
.home-v2-slider #owl-main .hero-action-btn a.big.le-button:hover,
#owl-main .hero-action-btn a:hover,
#owl-main .hero-action-btn a.big:hover,
#owl-main .hero-action-btn a.big.le-button:hover{
  background:#d96110 !important;
  color:#ffffff !important;
}

/* nasconde eventuali frecce/pallini solo esteticamente */
.home-v2-slider #owl-main .owl-controls,
.home-v2-slider #owl-main .owl-pagination,
.home-v2-slider #owl-main .owl-buttons,
#owl-main .owl-controls,
#owl-main .owl-pagination,
#owl-main .owl-buttons{
  opacity:0 !important;
}

/* responsive solo testo */
@media (max-width:1199px){
  .home-v2-slider #owl-main .hero-1,
  .home-v2-slider #owl-main .hero-1 font,
  #owl-main .hero-1,
  #owl-main .hero-1 font{
    font-size:52px !important;
  }

  .home-v2-slider #owl-main .hero-subtitle,
  .home-v2-slider #owl-main .hero-subtitle font,
  #owl-main .hero-subtitle,
  #owl-main .hero-subtitle font{
    font-size:19px !important;
  }
}

@media (max-width:991px){
  .home-v2-slider #owl-main .hero-1,
  .home-v2-slider #owl-main .hero-1 font,
  #owl-main .hero-1,
  #owl-main .hero-1 font{
    font-size:42px !important;
    line-height:1.08 !important;
  }

  .home-v2-slider #owl-main .hero-subtitle,
  .home-v2-slider #owl-main .hero-subtitle font,
  #owl-main .hero-subtitle,
  #owl-main .hero-subtitle font{
    font-size:17px !important;
    line-height:1.4 !important;
  }

  .home-v2-slider #owl-main .hero-action-btn a,
  .home-v2-slider #owl-main .hero-action-btn a.big,
  .home-v2-slider #owl-main .hero-action-btn a.big.le-button,
  #owl-main .hero-action-btn a,
  #owl-main .hero-action-btn a.big,
  #owl-main .hero-action-btn a.big.le-button{
    font-size:16px !important;
    padding:13px 28px !important;
  }
}

@media (max-width:575px){
  .home-v2-slider #owl-main .hero-1,
  .home-v2-slider #owl-main .hero-1 font,
  #owl-main .hero-1,
  #owl-main .hero-1 font{
    font-size:30px !important;
    line-height:1.1 !important;
  }

  .home-v2-slider #owl-main .hero-subtitle,
  .home-v2-slider #owl-main .hero-subtitle font,
  #owl-main .hero-subtitle,
  #owl-main .hero-subtitle font{
    font-size:14px !important;
    line-height:1.4 !important;
  }

  .home-v2-slider #owl-main .hero-action-btn a,
  .home-v2-slider #owl-main .hero-action-btn a.big,
  .home-v2-slider #owl-main .hero-action-btn a.big.le-button,
  #owl-main .hero-action-btn a,
  #owl-main .hero-action-btn a.big,
  #owl-main .hero-action-btn a.big.le-button{
    font-size:14px !important;
    padding:11px 22px !important;
  }
}
/* =========================================================
   CTI /site/ — FIX PRODOTTI
   Corregge:
   - doppie righe
   - area pulsanti non visibile
   - card spezzate
   ========================================================= */

/* card base */
.section-product-cards-carousel ul.products.columns-4 > li.product .product-outer-big{
  border:1px solid #e3e7ee !important;
  border-radius:4px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(27,41,75,.06) !important;
}

/* rimuove linee duplicate interne */
.section-product-cards-carousel ul.products.columns-4 > li.product .product-thumbnail,
.section-product-cards-carousel ul.products.columns-4 > li.product .product-inner > a,
.section-product-cards-carousel ul.products.columns-4 > li.product .price-add-to-cart,
.section-product-cards-carousel ul.products.columns-4 > li.product .product-inner,
.section-product-cards-carousel ul.products.columns-4 > li.product .product-outer-big *{
  border-top-color:transparent !important;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .product-thumbnail{
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
  border-bottom:1px solid #eef1f5 !important;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .product-inner > a{
  border:none !important;
  box-shadow:none !important;
  display: inline-block;
  margin-top: 0px;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .price-add-to-cart{
  border:none !important;
  box-shadow:none !important;
}

/* titolo + prezzo */
.section-product-cards-carousel ul.products.columns-4 > li.product h3.title-bottom{
  min-height:58px !important;
  margin:0 !important;
  color: #0c3a85;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .price{
  margin:0 0 12px !important;
}

/* AREA AZIONI: forza visualizzazione */
.section-product-cards-carousel ul.products.columns-4 > li.product .action-button-area{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* visualizza */
.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link{
  display:block !important;
  flex:1 1 auto !important;
  margin:0 !important;
  padding:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link a,
.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link .button,
.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  height:40px !important;
  padding:0 0 0 16px !important;
  background:linear-gradient(180deg,#1f56ae 0%, #184897 100%) !important;
  color:#fff !important;
  border:none !important;
  border-radius:3px !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  visibility:visible !important;
  opacity:1 !important;
}

.electro-price .amount{
    font-weight: bold;
    color: #ef741f;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link a:hover,
.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link .button:hover,
.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link .btn:hover{
  color:#fff !important;
  filter:brightness(1.03) !important;
}

/* quantità + bottone */
.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast{
  display:block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast .input-group{
  display:flex !important;
  align-items:stretch !important;
  flex-wrap:nowrap !important;
  overflow:visible !important;
  border-radius:3px !important;
  visibility:visible !important;
  opacity:1 !important;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast input[type="number"].form-control{
  display:block !important;
  width:58px !important;
  min-width:58px !important;
  height:40px !important;
  border:1px solid #d9dfeb !important;
  border-right:none !important;
  border-radius:3px 0 0 3px !important;
  text-align:center !important;
  font-size:12px !important;
  color:#53627b !important;
  background:#fff !important;
  padding:0 6px !important;
  box-shadow:none !important;
  visibility:visible !important;
  opacity:1 !important;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast .btn.btn-success{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  min-width:36px !important;
  height:40px !important;
  padding:0 !important;
  border:1px solid #ef741f !important;
  border-radius:0 3px 3px 0 !important;
  background:#ef741f !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  box-shadow:none !important;
  visibility:visible !important;
  opacity:1 !important;
}

.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast .btn.btn-success:hover{
  background:#d96110 !important;
  border-color:#d96110 !important;
}

/* se il tema nasconde elementi con display none */
.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link,
.section-product-cards-carousel ul.products.columns-4 > li.product .show-product-link a,
.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast,
.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast .input-group,
.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast .btn,
.section-product-cards-carousel ul.products.columns-4 > li.product .form-add-fast input{
  visibility:visible !important;
  opacity:1 !important;
}

/* badge disponibilità */
.section-product-cards-carousel ul.products.columns-4 > li.product .label.label-danger.not-available-prod{
  display:inline-block !important;
  background:#ef741f !important;
  color:#fff !important;
  border:none !important;
  border-radius:12px !important;
  padding:5px 10px !important;
  font-size:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.section-product-cards-carousel ul.products.columns-4 > li.product .label.label-danger.not-available-prod{
  display:inline-block !important;
  background:#ef741f !important;
  color:#fff !important;
  border:none !important;
  border-radius:12px !important;
  padding:5px 10px !important;
  font-size:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.home-v2 .site .site-content{margin-top: 0px;     margin-bottom: 0px !important;}
/* =========================================================
   HEADER SEZIONE PRODOTTI (titolo con linee laterali)
   ========================================================= */

.section-product-cards-carousel > header{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  margin-bottom:30px !important;
  border:none !important;
  padding:0 !important;
  text-align:center !important;
}

/* linee laterali */
.section-product-cards-carousel > header::before,
.section-product-cards-carousel > header::after{
  content:"" !important;
  flex:1 !important;
  height:1px !important;
  background:#d9dee7 !important;
}

/* titolo */
.section-product-cards-carousel > header h2.h1{
  margin:0 !important;
  padding:0 !important;
  font-size:26px !important;
  font-weight:700 !important;
  color:#2c3550 !important;
  letter-spacing:0.3px !important;
  text-transform:none !important;
  white-space:nowrap !important;
  position:relative !important;
}

/* eventuale sottolineatura blu (opzionale elegante) */
.section-product-cards-carousel > header h2.h1::after{
  display:none !important;
}

/* =========================================================
   FOOTER DEFINITIVO — BLU #25324d + LOGO BIANCO
   ========================================================= */

/* sfondo reale footer */
#colophon,
#colophon.site-footer,
.site-footer,
.footer-bottom-widgets,
.copyright-bar{
  background:#25324d !important;
  color:#ffffff !important;
  border:none !important;
}

/* rimuove fondi interni */
#colophon .container,
#colophon .footer-bottom-widgets,
#colophon .footer-widgets,
#colophon .row,
#colophon .widget{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* tutto testo bianco */
#colophon,
#colophon *{
  color:#ffffff !important;
}

/* link */
#colophon a{
  color:#ffffff !important;
  opacity:.9 !important;
}

#colophon a:hover{
  opacity:1 !important;
  text-decoration:underline !important;
}

/* titoli */
#colophon .widget-title,
#colophon h3,
#colophon h4{
  font-weight:700 !important;
  margin-bottom:14px !important;
}

/* linea sotto titoli */
#colophon .widget-title::after{
  content:"" !important;
  display:block !important;
  width:40px !important;
  height:2px !important;
  margin-top:6px !important;
  background:#ffffff !important;
}

/* separatore copyright */
.copyright-bar{
  border-top:1px solid rgba(255,255,255,.2) !important;
}

/* =========================================================
   LOGO FOOTER ? BIANCO VIA CSS
   ========================================================= */

#colophon img{
  filter:
    brightness(0) 
    invert(1)
    contrast(1.1)
    saturate(0) !important;

  opacity:0.95 !important;
}

/* se ci sono più immagini nel footer e vuoi SOLO il logo */
#colophon .footer-logo img,
#colophon .site-footer-logo img{
  filter:
    brightness(0) 
    invert(1)
    contrast(1.1)
    saturate(0) !important;
}

.footer-logo {
    margin-bottom: 1em;
    max-width: 300px;
}

/* =========================================================
   CTI /site/ — NEWSLETTER HERO
   Trasforma .footer-newsletter in blocco visuale stile template
   ========================================================= */

/* wrapper principale */
.footer-newsletter{
  position: relative !important;
  overflow: hidden !important;
  padding: 46px 0 40px !important;
  margin: 0 !important;
  border: none !important;
  background-color: #ddd !important;
  background-image: url('https://arealavoro.kliveer.cloud/image_uploads/105/10221100110231232/newsletter_l.jpg') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* overlay leggero per leggibilità */
.footer-newsletter::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(255,255,255,.18) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* contenitore sopra overlay */
.footer-newsletter > .container{
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  max-width: 1320px !important;
}

/* azzera struttura vecchia */
.footer-newsletter .row{
  display: block !important;
  margin: 0 !important;
}

.footer-newsletter .row > [class*="col-"]{
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* nasconde il vecchio layout a due colonne */
.footer-newsletter .row > .col-sm-7,
.footer-newsletter .row > .col-sm-5{
  display: block !important;
  text-align: center !important;
}

/* titolo principale */
.footer-newsletter h2,
.footer-newsletter h3,
.footer-newsletter .newsletter-title{
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  text-align: center !important;
  color: #25324d !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -.4px !important;
  text-transform: none !important;
  border: none !important;
  background: transparent !important;
}

/* sottotitolo / testo */
.footer-newsletter p,
.footer-newsletter .newsletter-marketing-text,
.footer-newsletter .description,
.footer-newsletter .textwidget{
  display: block !important;
  max-width: 760px !important;
  margin: 0 auto 22px !important;
  text-align: center !important;
  color: #25324d !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* form */
.footer-newsletter form,
.footer-newsletter .mc4wp-form,
.footer-newsletter .mc4wp-form-fields,
.footer-newsletter .newsletter-form,
.footer-newsletter .newsletter-subscription{
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* input */
.footer-newsletter input[type="email"],
.footer-newsletter input[type="text"],
.footer-newsletter .form-control{
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 58px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border: 2px solid rgba(255,255,255,.7) !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
  background: rgba(255,255,255,.94) !important;
  color: #4e586d !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.06) !important;
  outline: none !important;
}

.footer-newsletter input[type="email"]::placeholder,
.footer-newsletter input[type="text"]::placeholder,
.footer-newsletter .form-control::placeholder{
  color: #9ca3b1 !important;
}

/* bottone */
.footer-newsletter .btn,
.footer-newsletter button,
.footer-newsletter input[type="submit"],
.footer-newsletter .input-group-btn .btn.btn-secondary{
  flex: 0 0 220px !important;
  width: 220px !important;
  min-width: 220px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 2px solid rgba(255,255,255,.55) !important;
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
  background: linear-gradient(180deg,#f8862f 0%, #ef741f 100%) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 22px rgba(239,116,31,.22) !important;
  cursor: pointer !important;
}

.footer-newsletter .btn:hover,
.footer-newsletter button:hover,
.footer-newsletter input[type="submit"]:hover,
.footer-newsletter .input-group-btn .btn.btn-secondary:hover{
  background: #d96110 !important;
  color: #ffffff !important;
}

/* pulizia elementi vecchi */
.footer-newsletter .input-group{
  display: flex !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
}

.footer-newsletter .input-group-btn{
  width: auto !important;
}

.footer-newsletter .newsletter-title::after,
.footer-newsletter .widget-title::after{
  display: none !important;
}

/* responsive */
@media (max-width: 991px){
  .footer-newsletter{
    padding: 34px 0 30px !important;
  }

  .footer-newsletter h2,
  .footer-newsletter h3,
  .footer-newsletter .newsletter-title{
    font-size: 28px !important;
  }

  .footer-newsletter p,
  .footer-newsletter .newsletter-marketing-text,
  .footer-newsletter .description,
  .footer-newsletter .textwidget{
    font-size: 16px !important;
  }

  .footer-newsletter form,
  .footer-newsletter .mc4wp-form,
  .footer-newsletter .mc4wp-form-fields,
  .footer-newsletter .newsletter-form,
  .footer-newsletter .newsletter-subscription,
  .footer-newsletter .input-group{
    max-width: 560px !important;
  }

  .footer-newsletter .btn,
  .footer-newsletter button,
  .footer-newsletter input[type="submit"],
  .footer-newsletter .input-group-btn .btn.btn-secondary{
    flex-basis: 180px !important;
    width: 180px !important;
    min-width: 180px !important;
  }
}

@media (max-width: 680px){
  .footer-newsletter{
    padding: 28px 0 24px !important;
  }

  .footer-newsletter h2,
  .footer-newsletter h3,
  .footer-newsletter .newsletter-title{
    font-size: 24px !important;
    line-height: 1.15 !important;
  }

  .footer-newsletter p,
  .footer-newsletter .newsletter-marketing-text,
  .footer-newsletter .description,
  .footer-newsletter .textwidget{
    font-size: 15px !important;
    margin-bottom: 18px !important;
  }

  .footer-newsletter form,
  .footer-newsletter .mc4wp-form,
  .footer-newsletter .mc4wp-form-fields,
  .footer-newsletter .newsletter-form,
  .footer-newsletter .newsletter-subscription,
  .footer-newsletter .input-group{
    flex-direction: column !important;
    max-width: 92% !important;
  }

  .footer-newsletter input[type="email"],
  .footer-newsletter input[type="text"],
  .footer-newsletter .form-control{
    width: 100% !important;
    height: 50px !important;
    border-right: 2px solid rgba(255,255,255,.7) !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
    font-size: 15px !important;
  }

  .footer-newsletter .btn,
  .footer-newsletter button,
  .footer-newsletter input[type="submit"],
  .footer-newsletter .input-group-btn .btn.btn-secondary{
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    border-left: 2px solid rgba(255,255,255,.55) !important;
    border-radius: 4px !important;
    font-size: 16px !important;
  }
}
.newsletter-title{    text-shadow: 0px 2px 10px #000000;
    color: #fff !important;}
.fly-cartadd-button{display:none !important;}


/* griglia prodotti SOLO nel content-area */
.content-area ul.products{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.content-area ul.products > li.product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* card */
.content-area ul.products > li.product .product-outer-big,
.content-area ul.products > li.product .product-outer{
  background:#fff !important;
  border:1px solid #e3e7ee !important;
  border-radius:4px !important;
  box-shadow:0 8px 24px rgba(27,41,75,.06) !important;
  overflow:hidden !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}

.content-area ul.products > li.product:hover .product-outer-big,
.content-area ul.products > li.product:hover .product-outer{
  transform:translateY(-4px) !important;
  box-shadow:0 14px 34px rgba(27,41,75,.12) !important;
}

/* immagine */
.content-area ul.products .product-thumbnail{
  height:220px !important;
  padding:14px 14px 10px !important;
  background:#fff !important;
  border-bottom:1px solid #eef1f5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.content-area ul.products .product-thumbnail img{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#f7f8fb !important;
  border:none !important;
  padding:0 !important;
  filter:brightness(1.03) contrast(1.05) saturate(1.05) !important;
}

/* titolo prodotto */
.content-area ul.products h3.title-bottom{
  color:#2d3650 !important;
  font-size:15px !important;
  line-height:1.28 !important;
  font-weight:600 !important;
  min-height:58px !important;
  margin:0 !important;
  padding:14px 16px 0 !important;
  text-transform:none !important;
}

.content-area ul.products a:hover h3.title-bottom{
  color:#1f56ae !important;
}

/* prezzo */
.content-area ul.products .price-add-to-cart{
  padding:10px 16px 16px !important;
}

.content-area ul.products .price{
  margin:0 0 14px !important;
}

.content-area ul.products .price ins,
.content-area ul.products .price .amount{
  color:#ef741f !important;
  font-size:18px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.shop-control-bar{margin-bottom:10px;}
.show-product-link a{background: #25324d;color: #fff !important; border-radius: 5px; padding: 5px 10px}

/* ===== CARRELLO - SOLO CONTENT ===== */

/* Titolo */
body#page-cart h3.header-cart {
    background: #25324d;
    color: #fff;
    border-radius: 6px;
}

/* Tabella */
body#page-cart #cart-table {
    border: 1px solid #e5e5e5;
}

body#page-cart #cart-table thead {
    background: #25324d;
    color: #fff;
}

body#page-cart #cart-table th {
    border: none;
}

body#page-cart #cart-table td {
    vertical-align: middle;
}

/* Totali */
body#page-cart #cart-table tfoot {
    background: #f7f9fc;
    font-weight: 600;
}

/* Blocchi form (indirizzo, spedizione, pagamento) */
body#page-cart .form-area-cart {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 15px;
    background: #fff;
}

/* Titoli blocchi */
body#page-cart .form-area-cart .form-heading {
    background: #25324d;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
}

/* Input */
body#page-cart .form-control:focus {
    border-color: #25324d;
    box-shadow: 0 0 0 0.2rem rgba(37,50,77,0.15);
}

/* Bottoni */
body#page-cart .btn-success,
body#page-cart .btn-primary {
    background: #25324d;
    border-color: #25324d;
      color: #fff;
}

body#page-cart .btn-success:hover,
body#page-cart .btn-primary:hover {
    background: #1b253a;
    border-color: #1b253a;
}

/* Bottone checkout */
body#page-cart .go-to-summary {
    background: #25324d;
    border-color: #25324d;
}

/* Icona elimina */
body#page-cart .delete-prod-cart {
    color: #25324d;
}
.themeselectro.cti .container .row .col-lg-12.col-md-12{padding: 0px;margin-top: 20px;}
.coupon-container{padding: 20px;}

#register-client {
    max-width: 600px;
    margin: 0 auto;
}

#login-form{
    max-width: 600px;
    margin: 0 auto;
    float: none;
}

.owl-item .item .col-md-offset-3 {
        margin-left: 29%;
    }

.products li.product .product-thumbnail{
    display: block !important;
    width: 100% !important;
}

.products li.product .product-thumbnail a{
    display: block !important;
    width: 100% !important;
}

.products li.product .product-thumbnail img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
/***********************************************************************************************************************************************************/
/***********************************************************************************************************************************************************/
/***********************************************************************************************************************************************************/
/* =========================================================
   CTI — MOBILE HOME FIX
   Lascia perdere slider
   Sistema:
   - header
   - prodotti (1 per riga)
   - footer
   SOLO MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* =========================
       BASE
       ========================= */
    html, body {
        overflow-x: hidden !important;
    }

    body {
        background: #f4f5f8 !important;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #content.site-content,
    #content.site-content > .container,
    .site-main,
    .content-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* =========================
       TOP BAR
       ========================= */
    .top-bar {
        padding: 6px 0 !important;
        min-height: auto !important;
    }

    .top-bar .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .top-bar nav {
        float: none !important;
    }

    .top-bar nav a,
    #menu-top-bar-right a,
    .top-bar .btn.btn-primary.dropdown-toggle {
        font-size: 11px !important;
    }

    #menu-top-bar-right {
        display: flex !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #menu-top-bar-right li {
        margin: 0 !important;
    }

    /* =========================
       HEADER
       ========================= */
    #masthead.site-header.header-v3 {
        padding: 10px 0 !important;
    }

    #masthead.site-header.header-v3 > .container,
    #masthead.site-header .row {
        display: block !important;
        margin: 0 !important;
    }

    #masthead .header-logo {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    #masthead .header-logo a {
        display: inline-block !important;
    }

    #masthead .header-logo img {
        display: block !important;
        max-height: 56px !important;
        width: auto !important;
        margin: 0 auto !important;
    }

    /* search + cart same row */
    #masthead .navbar-search {
        width: calc(100% - 58px) !important;
        float: left !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #masthead .navbar-search form,
    #masthead .navbar-search .input-group {
        display: flex !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #masthead .navbar-search .form-control.search-field {
        height: 40px !important;
        font-size: 13px !important;
        padding: 0 12px !important;
        border-radius: 3px 0 0 3px !important;
    }

    #masthead .navbar-search .btn.btn-secondary.search-header {
        width: 44px !important;
        min-width: 44px !important;
        height: 40px !important;
        border-radius: 0 3px 3px 0 !important;
        padding: 0 !important;
              margin-top: 0px;
    }

    #masthead .navbar-mini-cart {
        width: 48px !important;
        float: right !important;
        text-align: right !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #masthead .navbar-mini-cart > li {
        display: block !important;
    }

    #masthead .navbar-mini-cart > li > a.nav-link {
        display: inline-block !important;
        padding: 0 !important;
        font-size: 0 !important;
    }

    #masthead .navbar-mini-cart > li > a.nav-link i,
    #masthead .navbar-mini-cart > li > a.nav-link .ec {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        margin-right: 0 !important;
        border-radius: 3px !important;
        font-size: 16px !important;
    }

    #masthead .navbar-mini-cart .cart-items-total-price,
    #masthead .navbar-mini-cart .total-price {
        display: none !important;
    }

    #masthead .navbar-mini-cart .count {
        top: -7px !important;
        left: -8px !important;
        min-width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        font-size: 9px !important;
    }

    /* clearfix */
    #masthead.site-header.header-v3::after,
    #masthead.site-header.header-v3 .container::after,
    #masthead.site-header.header-v3 .row::after {
        content: "" !important;
        display: block !important;
        clear: both !important;
    }

    /* =========================
       MENU
       ========================= */
    nav.navbar.navbar-primary.navbar-full.yamm {
        min-height: 42px !important;
    }

    nav.navbar.navbar-primary .navbar-toggler {
        margin: 6px 10px !important;
        font-size: 22px !important;
        color: #fff !important;
    }

    nav.navbar.navbar-primary .collapse {
        padding-bottom: 6px !important;
    }

    nav.navbar.navbar-primary .nav.navbar-nav,
    nav.navbar.navbar-primary .departments-menu.primary-nav,
    nav.navbar.navbar-primary ul.nav.navbar-nav {
        display: block !important;
        margin: 0 !important;
    }

    nav.navbar.navbar-primary .nav.navbar-nav > li,
    nav.navbar.navbar-primary .departments-menu.primary-nav > li,
    nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    nav.navbar.navbar-primary .nav.navbar-nav > li > a,
    nav.navbar.navbar-primary .departments-menu.primary-nav > li > a,
    nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a {
        min-height: 42px !important;
        padding: 10px 14px !important;
        font-size: 12px !important;
        text-align: left !important;
        justify-content: flex-start !important;
    }

    nav.navbar.navbar-primary .nav.navbar-nav > li > a::after,
    nav.navbar.navbar-primary .departments-menu.primary-nav > li > a::after,
    nav.navbar.navbar-primary ul.nav.navbar-nav > li.menu-item > a::after {
        display: none !important;
    }

    /* =========================
       CATEGORIE WOW
       ========================= */
    .cts-wowcat-section {
        margin: 14px auto 20px !important;
        padding: 0 12px !important;
    }

    .cts-wowcat-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .cts-wowcat-card {
        height: 180px !important;
        border-radius: 10px !important;
    }

    .cts-wowcat-content {
        left: 14px !important;
        right: 14px !important;
        bottom: 14px !important;
    }

    .cts-wowcat-title {
        font-size: 18px !important;
        margin-bottom: 4px !important;
    }

    .cts-wowcat-text {
        font-size: 11px !important;
        line-height: 1.35 !important;
        margin-bottom: 10px !important;
    }

    .cts-wowcat-btn {
        height: 32px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
        border-radius: 4px !important;
    }

    /* =========================
       TITOLO PRODOTTI
       ========================= */
    .section-product-cards-carousel {
        padding: 18px 0 24px !important;
    }

    .section-product-cards-carousel > header {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        margin-bottom: 14px !important;
        padding: 0 !important;
        border: none !important;
    }

    .section-product-cards-carousel > header::before,
    .section-product-cards-carousel > header::after {
        content: "" !important;
        flex: 1 !important;
        height: 1px !important;
        background: #d9dee7 !important;
    }

    .section-product-cards-carousel > header h2.h1 {
        font-size: 20px !important;
        font-weight: 800 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .section-product-cards-carousel > header h2.h1::after {
        display: none !important;
    }

    /* =========================
       PRODOTTI — UNO PER RIGA
       ========================= */
    ul.products.columns-4,
    .content-area ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    ul.products.columns-4 > li.product,
    .content-area ul.products > li.product {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .product-outer-big,
    .content-area ul.products > li.product .product-outer-big {
        border-radius: 10px !important;
        overflow: hidden !important;
        box-shadow: 0 8px 20px rgba(27,41,75,.08) !important;
    }

    .product-inner {
        padding: 0 !important;
    }

    .products li.product .product-thumbnail {
        display: block !important;
        width: 100% !important;
        padding: 12px !important;
        height: auto !important;
        line-height: normal !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    .products li.product .product-thumbnail a {
        display: block !important;
        width: 100% !important;
    }

    .products li.product .product-thumbnail img {
        width: 70% !important;
        height: auto !important;
        display: block !important;
    }

    .product-inner > a,
    .content-area ul.products > li.product .product-inner > a {
        padding: 0px 12px 0 !important;
        text-decoration: none !important;
    }

    .product-inner > a > h3.title-bottom,
    h3.title-bottom,
    .content-area ul.products > li.product h3.title-bottom {
        min-height: auto !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        padding: 0 !important;
        margin: 0 0 10px !important;
    }

    .price-add-to-cart,
    .content-area ul.products > li.product .price-add-to-cart {
        padding: 5px 40px !important;
    }

    .price-add-to-cart .price,
    .content-area ul.products > li.product .price {
        margin: 0 0 10px !important;
      width: 100%;
        display: contents;
    }

    .electro-price ins,
    .price ins,
    .price .amount,
    .content-area ul.products > li.product .price ins,
    .content-area ul.products > li.product .price .amount {
        font-size: 18px !important;
    }

    .electro-price del,
    .price del {
        display: none !important;
    }

    .action-button-area {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 8px !important;
        align-items: stretch !important;
    }

    .show-product-link {
        display: block !important;
        width: 100% !important;
    }

    .show-product-link a,
    .show-product-link .button,
    .show-product-link .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 38px !important;
        padding: 0 0 0 14px !important;
        font-size: 12px !important;
        border-radius: 5px !important;
    }

    .show-product-link a::after,
    .show-product-link .button::after,
    .show-product-link .btn::after {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        margin-left: 10px !important;
        font-size: 13px !important;
    }

    .form-add-fast {
        display: block !important;
    }

    .form-add-fast .input-group {
        display: flex !important;
        align-items: stretch !important;
        border-radius: 5px !important;
        overflow: hidden !important;
    }

    .form-add-fast input[type="number"].form-control {
        width: 46px !important;
        min-width: 46px !important;
        height: 38px !important;
        font-size: 12px !important;
    }

    .form-add-fast .btn.btn-success {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
        font-size: 13px !important;
    }

    /* =========================
       NEWSLETTER
       ========================= */
    .footer-newsletter {
        min-height: auto !important;
        padding: 22px 12px !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    .footer-newsletter h2,
    .footer-newsletter h3,
    .footer-newsletter .newsletter-title {
        font-size: 20px !important;
        line-height: 1.15 !important;
        margin: 0 0 8px !important;
        text-align: center !important;
    }

    .footer-newsletter p,
    .footer-newsletter .newsletter-marketing-text,
    .footer-newsletter .description,
    .footer-newsletter .textwidget {
        font-size: 13px !important;
        line-height: 1.35 !important;
        margin: 0 auto 14px !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .footer-newsletter form,
    .footer-newsletter .mc4wp-form,
    .footer-newsletter .mc4wp-form-fields,
    .footer-newsletter .newsletter-form,
    .footer-newsletter .newsletter-subscription,
    .footer-newsletter .input-group {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .footer-newsletter input[type="email"],
    .footer-newsletter input[type="text"],
    .footer-newsletter .form-control {
        width: 100% !important;
        height: 40px !important;
        margin: 0 0 8px !important;
        border-radius: 4px !important;
        font-size: 13px !important;
    }

    .footer-newsletter .btn,
    .footer-newsletter button,
    .footer-newsletter input[type="submit"],
    .footer-newsletter .input-group-btn .btn.btn-secondary {
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        border-radius: 4px !important;
        font-size: 13px !important;
        padding: 0 12px !important;
    }

    /* =========================
       FOOTER
       ========================= */
    #colophon .footer-bottom-widgets {
        padding: 18px 0 10px !important;
    }

    #colophon .row {
        display: block !important;
        margin: 0 !important;
    }

    #colophon .footer-contact,
    #colophon .store-information-area,
    #colophon .col-xs-12,
    #colophon .col-sm-12,
    #colophon .col-sm-3,
    #colophon .col-lg-3,
    #colophon .col-md-3,
    #colophon .col-md-5,
    #colophon .col-md-7 {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        margin-bottom: 16px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #colophon .footer-logo {
        margin-bottom: 10px !important;
    }

    #colophon .footer-logo img,
    #colophon .footer-logo-bottom {
        max-width: 130px !important;
        height: auto !important;
    }

    #colophon .footer-title h2,
    #colophon .widget-title,
    #colophon h3,
    #colophon h4 {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    #colophon .footer-title h2::after,
    #colophon .widget-title::after {
        width: 34px !important;
        margin-top: 5px !important;
    }

    #colophon .store-content p,
    #colophon .footer-menu ul li a,
    #colophon ul li,
    #colophon a {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    #colophon .footer-social-icons {
        margin-top: 10px !important;
    }

    #colophon .footer-social-icons .social-icons {
        display: flex !important;
        gap: 8px !important;
        justify-content: flex-start !important;
    }

    #colophon .footer-social-icons .social-icons li a {
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
    }

    .copyright-bar {
        padding: 10px 0 !important;
    }

    .copyright-bar .container {
        display: block !important;
    }

    .copyright-bar .pull-left,
    .copyright-bar .pull-right {
        float: none !important;
        text-align: center !important;
        display: block !important;
    }

    .copyright-bar .copyright {
        font-size: 11px !important;
    }
  
  .footer-logo-bottom,
  .woocommerce-breadcrumb,
  .home-v2-slider{display:none;}
  .section-product-cards-carousel ul.products.columns-4 > li.product h3.title-bottom {min-height: auto !important;}
  .customer-login-form {
    position: relative;
    margin: 10px;
    /*border: 1px solid #c3c3c3;*/
    padding: 20px;
}
}