/********************************************************
    0. IMPORT FONTS & ICON SETS
    (Devono stare in cima al file per specifiche CSS)
/********************************************************/

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=chair_umbrella,multicooker,park,percent_discount,restaurant,sunny,toys_and_games,weekend&display=block');

/********************************************************
   UNIFICAZIONE GLOBALE FONT ALATA E COLORI TITOLI
********************************************************/
body, 
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
#_top_main_menu, 
#_top_main_menu ul#top-menu, 
#_top_main_menu .top-menu > li > a.dropdown-item,
.elementor-heading-title, 
.blog-post-title, .blog-post-content,
.product-title, .product-price {
    font-family: 'Alata', sans-serif !important;
}


/********************************************************
            Coderplace Custom Styles
********************************************************/
.tm-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.cp-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.owl-carousel .owl-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden; /* FIX: clip non universalmente supportato */
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
  display: flex;
  height: auto;
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  text-align: center;
}
 
/* mouse grab icon */
.customNavigation {
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 50%;
  direction: ltr !important;
  right: 0;
  left: auto;
  opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}
.products .customNavigation {
  top: 48%;
}
.tmcategorylist .customNavigation,
.testimonial-block-part .customNavigation {
  top: 54%;
}
.tmcategorylist:hover .customNavigation {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.customNavigation a.prev::before {
  content: "\E314";
  font-family: "Material Icons";
  position: absolute;
  font-size: 20px;
  right: 5px;
  top: -1px;
  color: #808080;
}
.customNavigation a.next::before {
  content: "\E315";
  font-family: "Material Icons";
  position: absolute;
  font-size: 20px;
  right: 3px;
  top: -1px;
  color: #808080;
}
#tmtestimonialcmsblock .customNavigation {
  top: -24px;
  z-index: 5;
  right: 15px;
}
#index #tmtestimonialcmsblock .customNavigation {
  top: -40px;
  right: 0;
}
.special-products .customNavigation {
  top: 52%;
}
.special-products:hover .customNavigation,
.products:hover .customNavigation,
.testimonial-block-part:hover .customNavigation,
.tmblog-latest:hover .customNavigation,
#tminstagramblock:hover .customNavigation,
.product-accessories:hover .customNavigation,
.productscategory-products:hover .customNavigation {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.lastest_block .customNavigation {
  top: 44%;
}
.customNavigation i {
  color: #222 !important;
  cursor: pointer;
  font-size: 0;
  font-weight: 500;
  height: 38px;
  line-height: 32px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 38px;
  background: transparent;
  border-radius: 0;
  font-style: unset;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
}
.customNavigation i.prev {
  background: #fff;
  border-radius: 50%;
  left: -5px;
}
.customNavigation i.next {
  background: #fff;
  border-radius: 50%;
  right: -5px;
}
.tmcategorylist .customNavigation i.prev,
.testimonial-block-part .customNavigation i.prev,
#tminstagramblock .btn.prev.instagram_prev,
.special-products .customNavigation i.prev {
  left: -20px;
}
.tmcategorylist .customNavigation i.next,
.testimonial-block-part .customNavigation i.next,
#tminstagramblock .btn.next.instagram_next,
.special-products .customNavigation i.next {
  right: -20px;
}
.customNavigation i.prev::before {
  content: '';
  -webkit-mask-image: url(../img/megnor/pro-left.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../img/megnor/pro-left.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #000;
  mask-size: 14px;
  -webkit-mask-size: 14px;
  font-size: 14px;
  width: 38px;
  height: 38px;
  display: block;
}
#tmtestimonialcmsblock .customNavigation i.prev::before {
  right: 1px;
  font-weight: 500;
}
#tmtestimonialcmsblock .customNavigation i.next::before {
  right: 0;
  font-weight: 500;
}
.customNavigation i.next::before {
  content: '';
  -webkit-mask-image: url(../img/megnor/pro-right.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../img/megnor/pro-right.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #000;
  mask-size: 14px;
  -webkit-mask-size: 14px;
  font-size: 14px;
  width: 38px;
  height: 38px;
  display: block;
}
/* FIX: con mask-image il colore si cambia tramite background-color */
.customNavigation i.next:hover::before,
.customNavigation i.prev:hover::before {
  background-color: #fff;
}
#cpleftbanner1 img,
#cpleftbanner2 img {
  max-width: 100%;
}
#cpleftbanner1 li,
#cpleftbanner2 li {
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 5px;
}
#cpleftbanner1 li a,
#cpleftbanner2 li a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.footer-container .links.lastest_block .customNavigation i.prev:hover {
  color: #9bbab1 !important;
}
.footer-container .links.lastest_block .customNavigation i.next:hover {
  color: #9bbab1 !important;
}
 
@media (max-width: 1449px) {
  .tmcategorylist .customNavigation i.prev,
  .testimonial-block-part .customNavigation i.prev,
  #tminstagramblock .btn.prev.instagram_prev,
  .special-products .customNavigation i.prev {
    left: -15px;
  }
  .tmcategorylist .customNavigation i.next,
  .testimonial-block-part .customNavigation i.next,
  #tminstagramblock .btn.next.instagram_next,
  .special-products .customNavigation i.next {
    right: -15px;
  }
  .customNavigation i.next {
    right: 0;
  }
  .customNavigation i.prev {
    left: 0;
  }
}
@media (max-width: 1199px) {
  #tmtestimonialcmsblock .customNavigation {
    top: -36px;
    z-index: 5;
    right: -18px;
  }
}
@media (max-width: 991px) {
  #cpleftbanner1 li img,
  #cpleftbanner2 li a {
    width: auto;
  }
  #tmtestimonialcmsblock .customNavigation {
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .customNavigation {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
  .tmcategorylist .customNavigation i.prev,
  .testimonial-block-part .customNavigation i.prev,
  #tminstagramblock .btn.prev.instagram_prev,
  .special-products .customNavigation i.prev,
  .btn.prev.accessories_prev {
    left: 0;
  }
  .tmcategorylist .customNavigation i.next,
  .testimonial-block-part .customNavigation i.next,
  #tminstagramblock .btn.next.instagram_next,
  .special-products .customNavigation i.next,
  .btn.next.accessories_next {
    right: 0;
  }
  #main .images-container .js-qv-mask .customNavigation {
    top: 45px;
  }
  .quickview .mask.additional_slider .customNavigation i.prev {
    left: -10px !important;
  }
  .quickview .mask.additional_slider .customNavigation i.next {
    right: -10px !important;
  }
  .btn.next.brand_next {
    left: auto;
    right: 0;
    position: absolute;
  }
  .btn.prev.brand_prev {
    left: 0;
    right: auto;
  }
  .customNavigation i.next {
    left: auto;
    right: 0;
  }
}
 
/********************************************************
        PREMIUM MODERN UX/UI - MINIMAL PILL EDITION (2026)
********************************************************/

/* ----------------------------------------------------------
   VARIABILI COLORE — unico blocco :root unificato
   ---------------------------------------------------------- */
:root {
  /* Card & ombre */
  --primary-blue: #0B31E7;
  --hover-green: #23A455;
  --text-elegant-dark: #3A3A3A;
  --text-muted: #7A7A7A;
  --discount-badge-bg: #CBF4D1;
  --discount-badge-txt: #61CE70;
  --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  --card-shadow-hover: 0 12px 25px rgba(34, 65, 208, 0.1);
  /* Colori globali */
  --primary-color: #23A455;
  --hover-color: #0B31E7;
  --header-bg: #ffffff;
  --topbar-bg: #23A455;
  --topbar-text: #ffffff;
  --nav-text: #333333;
  --search-btn-bg: #23A455;
  --search-btn-hover: #0B31E7;
  
  /* OVERRIDE VARIABILE PREZZO GLOBALE DEL TEMA */
  --price-color: #0B31E7 !important;
}

/* REGOLA SPECIFICA PER IL PREZZO BARRATO ORIGINALE (In grigio distinto) */
.regular-price, 
.product_item .regular-price, 
.elementor-product-miniature .elementor-price-regular {
  color: #7A7A7A !important;
  text-decoration: line-through !important;
}

/* STRUTTURA CARD */
.products .product_item,
.product_item {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: var(--card-shadow);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
              box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Hover Card (Solo Desktop) */
@media (min-width: 768px) {
  .product_item:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-shadow-hover);
  }
  .product_item img {
    transition: transform 0.4s ease;
  }
  .product_item:hover img {
    transform: scale(1.03);
  }
}

/* CONTENITORE CONTENUTI */
.product_item .product-description,
.product_item .product-desc,
.product_item .product-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  color: var(--text-elegant-dark);
  font-size: 14px;
  line-height: 1.4;
}

/* TITOLO PRODOTTO */
.product_item .product-title, .product_item h3, .product_item h4 {
  min-height: 44px;
  margin-bottom: 8px;
}
.product_item .product-title a {
  color: var(--text-elegant-dark) !important;
  font-weight: 600;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product_item .product-title a:hover {
  color: var(--primary-blue) !important;
}

/* BLOCCO PREZZO CENTRATO */
.product_item .product-price-and-shipping {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto; 
  margin-bottom: 20px; 
}
.product_item .price {
  font-size: 20px !important;
  font-weight: 700;
  color: var(--price-color) !important;
  letter-spacing: -0.5px;
}
.product_item .discount-percentage {
  background: var(--discount-badge-bg);
  color: var(--discount-badge-txt);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
}

/* SEZIONE INFERIORE */
.product-bottom {
  padding: 0 15px 15px 15px;
  margin-top: auto;
}

/* IL BOTTONE AGGIUNGI AL CARRELLO (Stile Pillola + Font Alata) */
.product_item .product-bottom .add-to-cart-button {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  position: relative !important;
  width: 100%;
}
.product_item .product-bottom .add-to-cart-button .btn {
  display: block !important;
  width: 100% !important;
  background: var(--primary-blue) !important;
  color: #fff !important;
  font-family: 'Alata', sans-serif !important;
  font-weight: 400; 
  text-transform: none !important;
  white-space: nowrap !important;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: 50px !important;
  box-shadow: none !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* RESPONSIVE DESKTOP */
@media (min-width: 768px) {
  .product_item .product-bottom .add-to-cart-button .btn {
    font-size: 13px;
    padding: 11px 12px;
  }
  .product_item .product-bottom .add-to-cart-button .btn:hover {
    background: var(--hover-green) !important;
    box-shadow: 0 6px 16px rgba(35, 164, 85, 0.25);
    transform: translateY(-2px);
  }
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .products .product_item,
  .product_item {
    border-radius: 8px;
    margin-bottom: 18px !important;
  }
  .product-bottom {
    padding: 0 10px 10px 10px;
  }
  .product_item .product-title {
    min-height: 36px;
  }
  .product_item .product-title a {
    font-size: 13px;
  }
  .product_item .price {
    font-size: 20px !important;
  }
  .product_item .product-price-and-shipping {
    margin-bottom: 15px;
    justify-content: center;
  }
  .product_item .product-bottom .add-to-cart-button .btn {
    font-size: 11px !important;
    padding: 10px 4px !important;
    letter-spacing: -0.1px !important;
    box-shadow: none;
  }
  .product_item .product-bottom .add-to-cart-button .btn:active {
    background: var(--hover-green) !important;
  }
}

/* ==========================================================================
   ALTRI FIX UTILI
   ========================================================================== */
body#order-confirmation .featured_title,
body#order-confirmation .featured-products {
  display: none !important;
}

h2.sedestral.products-section-title {
  color: #0B31E7 !important;
  font-family: inherit !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  background: none !important;
  border: none !important;
  padding: 30px !important;
  text-transform: none !important;
}

html {
  width: 100% !important;
  overflow-x: hidden !important;
}

/* MEGA MENU BUTTON */
.menu-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn-esplora-reparto {
  display: block;
  width: 100%;
  margin-bottom: 13px;
  padding: 11px 16px 9px;
  background-color: #0B31E7;
  color: #ffffff !important;
  font-family: 'Alata', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1;
  border-radius: 25px;
  text-decoration: none !important;
  border: 4px solid #2C47C6;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  box-sizing: border-box;
  cursor: pointer;
}
.btn-esplora-reparto span {
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0;
}
.btn-esplora-reparto .material-icons {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  position: relative;
  top: -1px;
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.btn-esplora-reparto:hover {
  background-color: #23A455;
  border-color: #23A455;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(35, 164, 85, 0.35);
  transform: translateY(-2px)
}
.btn-esplora-reparto:hover .material-icons {
  transform: translateX(3px);
}

/* ==========================================================================
   WIDGET FISSI IN BASSO (DESKTOP)
   ========================================================================== */
@media (min-width: 992px) {
  .ets_wa_whatsapp_block.left_bottom {
    position: fixed !important;
    bottom: 35px !important;
    left: 5px !important;
    z-index: 9999 !important;
  }
  .ets_wa_whatsapp_block.left_bottom img {
    width: 35px !important;
    max-width: 35px !important;
    height: 35px !important;
  }
  .ets_wa_whatsapp_block.left_bottom .ets_wa_title {
    font-size: 8px !important;
    margin-top: 2px !important;
  }
  button.iubenda-tp-btn.iubenda-cs-preferences-link {
    position: fixed !important;
    bottom: 120px !important;
    right: 5px !important;
    left: auto !important;
    z-index: 9999 !important;
    transform: scale(0.75) !important;
    transform-origin: bottom right !important;
    width: 35px !important;
    height: 35px !important;
  }
  #top_button,
  #top_button.material-icons.expand_less {
    position: fixed !important;
    bottom: 165px !important;
    right: 5px !important;
    left: auto !important;
    z-index: 99999 !important;
    font-size: 24px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #000000 !important;
  }
  div.cya11y-widget-icon,
  .cya11y-widget-icon,
  #cya11y-circle,
  div[class*="cya11y-widget"] {
    position: fixed !important;
    bottom: 125px !important;
    right: 5px !important;
    z-index: 9998 !important;
    transform: scale(0.75) !important;
    transform-origin: bottom left !important;
  }
}
 
/* ==========================================================================
   WIDGET FISSI IN BASSO (MOBILE)
   ========================================================================== */
@media (max-width: 991px) {
  .ets_wa_whatsapp_block.left_bottom {
    position: fixed !important;
    bottom: 80px !important;
    left: 5px !important;
    right: auto !important;
    z-index: 9 !important;
  }
  .ets_wa_whatsapp_block.left_bottom img {
    width: 35px !important;
    height: 35px !important;
  }
  button.iubenda-tp-btn.iubenda-cs-preferences-link {
    position: fixed !important;
    bottom: 80px !important;
    right: 5px !important;
    z-index: 9 !important;
    transform: scale(0.65) !important;
    transform-origin: bottom right !important;
    width: 30px !important;
    height: 30px !important;
  }
  #top_button {
    position: fixed !important;
    bottom: 140px !important;
    right: 5px !important;
    z-index: 9999 !important;
    width: 35px !important;
    height:35px !important;
    display: flex !important;
  }
  div.cya11y-widget-icon,
  .cya11y-widget-icon,
  #cya11y-circle {
    position: fixed !important;
    bottom: 180px !important;
    left: 5px !important;
    z-index: 100 !important;
    transform: scale(0.85) !important;
    transform-origin: bottom left !important;
  }
}

/* ==========================================================================
   RESTYLING COMPLETO BLOCCO RECENSIONI - STILE TRUSTPILOT
   ========================================================================== */
.testimonial-block-part {
  background-color: #f8fafc !important;
  padding: 10px 0 !important;
}
.testimonial-block-part .products-section-title {
  text-align: center !important;
  margin-bottom: 30px !important;
}
.testimonial-block-part .products-section-title .title {
  font-family: 'Alata', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #0B31E7 !important;
  text-transform: none !important;
}
.cptestimonial-container {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 35px 30px !important;
  margin: 15px 15px !important;
  position: relative !important;
  min-height: 280px !important;
  box-sizing: border-box !important;
}
.testimonial-banner-description {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 30px !important;
}
.testimonial-block-part .review-img {
  position: absolute !important;
  top: 30px !important;
  left: 30px !important;
  display: inline-block !important;
  width: 120px !important;
  height: 24px !important;
  background-image: url('https://cdn.trustpilot.net/brand-assets/4.3.0/stars/stars-5.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}
.testimonial-banner-description p:first-child span {
  font-family: 'Alata', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #1e293b !important;
  line-height: 1.6 !important;
  display: block !important;
  margin-bottom: 8px !important;
}
.testimonial-banner-description p:last-child span {
  font-family: 'Alata', sans-serif !important;
  font-size: 14px !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  display: block !important;
}
.testimonial-img {
  position: absolute !important;
  bottom: 30px !important;
  left: 30px !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: 45px !important;
}
.testimonial-img img {
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
}
.testi-title {
  position: absolute !important;
  bottom: 42px !important;
  left: 90px !important;
  font-family: 'Alata', sans-serif !important;
  font-size: 15px !important;
  color: #1e293b !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}
.testi-title::after {
  content: "|  Google" !important;
  margin-left: 15px !important;
  color: #cbd5e1 !important;
  font-size: 14px !important;
}
.customNavigation .btn {
  background: transparent !important;
  border: 1px solid #cbd5e1 !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 36px !important;
  border-radius: 50% !important;
  margin: 0 8px !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
  color: #64748b !important;
  font-family: 'Alata', sans-serif !important;
  font-size: 18px !important;
  font-weight: bold !important;
}
.customNavigation .btn:hover {
  background: transparent !important;
  border-color: #000000 !important;
  color: #0B31E7 !important;
}

/* ----------------------------------------------------------
   1. TOPBAR — barra "Spedizione Gratuita"
   ---------------------------------------------------------- */
nav.header-nav {
  background-color: var(--topbar-bg) !important;
}
nav.header-nav .container,
nav.header-nav .left-nav,
nav.header-nav .right-nav {
  background-color: var(--topbar-bg) !important;
}
nav.header-nav .left-nav h3,
nav.header-nav .left-nav span,
nav.header-nav .left-nav strong,
nav.header-nav .right-nav a,
nav.header-nav .right-nav span,
nav.header-nav #verticalmenu_desktop_user_info a,
nav.header-nav .user-info-side a {
  color: var(--topbar-text) !important;
}
nav.header-nav .right-nav a:hover,
nav.header-nav .user-info-side a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: none !important;
}

#desc_user_info.user-info.dropdown-menu a span {
  color: #333333 !important;
}

#desc_user_info.user-info.dropdown-menu a:hover span {
  color: #23A455 !important;
}

/* ============================================================
   FIX BURGER JUMP — generosocasalinghi.it
   ============================================================ */
body.js-responsive-loading #header .header-center > div.text-xs-center.mobile,
body.js-responsive-loading #header .header-center #search_block_top,
body.js-responsive-loading .header-top-main.bg_main .container > div.text-xs-center.mobile,
body.js-responsive-loading .header-top-main.bg_main .container > #search_block_top {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: none !important;
}

@media (min-width: 1200px) {
  .header-top-main.bg_main .container > div.text-xs-center.mobile {
    display: none !important;
  }
  #header .header-center > div.text-xs-center.mobile {
    display: none !important;
  }
}

/****************************************************************************
   ADATTAMENTO CREATIVE ELEMENTS - PREMIUM MODERN UX/UI (MINIMAL PILL)
****************************************************************************/
.elementor-product-miniature {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: var(--card-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 15px !important;
  box-sizing: border-box !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
              box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

@media (min-width: 768px) {
  .elementor-product-miniature:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--card-shadow-hover) !important;
  }
  .elementor-product-miniature .elementor-image img {
    transition: transform 0.4s ease !important;
  }
  .elementor-product-miniature:hover .elementor-image img {
    transform: scale(1.03) !important;
  }
}

.elementor-product-link {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  text-decoration: none !important;
}

.elementor-content {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  color: var(--text-elegant-dark) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.elementor-product-miniature .elementor-title {
  text-align: center !important;
  min-height: 44px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: var(--text-elegant-dark) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.elementor-product-link:hover .elementor-title {
  color: var(--primary-blue) !important;
}

.elementor-product-miniature .elementor-price-wrapper {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important; 
  margin-bottom: 20px !important; 
}
.elementor-product-miniature .elementor-price {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--price-color) !important;
  letter-spacing: -0.5px !important;
}

.elementor-product-miniature .elementor-badge-sale {
  background: var(--discount-badge-bg) !important;
  color: var(--discount-badge-txt) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
}

.elementor-product-miniature .elementor-atc {
  width: 100% !important;
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
}

.elementor-product-miniature .elementor-atc .elementor-button {
  display: block !important;
  width: 85% !important;
  background: var(--primary-blue) !important;
  color: #fff !important;
  font-family: 'Alata', sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important; 
  white-space: nowrap !important;
  text-align: center !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

@media (min-width: 768px) {
  .elementor-product-miniature .elementor-atc .elementor-button {
    font-size: 13px !important;
    padding: 11px 12px !important;
  }
  .elementor-product-miniature .elementor-atc .elementor-button:hover {
    background: var(--hover-green) !important;
    box-shadow: 0 6px 16px rgba(35, 164, 85, 0.25) !important;
    transform: translateY(-2px) !important;
  }
}

@media (max-width: 767px) {
  .elementor-product-miniature {
    border-radius: 8px !important;
    padding: 10px !important;
  }
  .elementor-product-miniature .elementor-title {
    min-height: 36px !important;
    font-size: 13px !important;
  }
  .elementor-product-miniature .elementor-price {
    font-size: 20px !important;
  }
  .elementor-product-miniature .elementor-price-wrapper {
    margin-bottom: 15px !important;
  }
  .elementor-product-miniature .elementor-atc .elementor-button {
    width: 90% !important;
    font-size: 11px !important;
    padding: 10px 4px !important;
    letter-spacing: -0.1px !important;
    box-shadow: none !important;
  }
  .elementor-product-miniature .elementor-atc .elementor-button:active {
    background: var(--hover-green) !important;
  }
}

#category-84 .sub-menu ul[data-depth="1"] {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}

#category-84 .sub-menu ul[data-depth="1"] > li {
  flex: none !important;
  max-width: none !important;
  width: 100% !important;
  padding-inline-end: 0 !important;
  padding-bottom: 8px !important;
}

@media (min-width: 1200px) {
  #_top_main_menu .top-menu > li > a.dropdown-item[data-depth="0"] {
    display: flex;
    align-items: center;
    gap: 6px;
  }

 #_top_main_menu .top-menu > li > a.dropdown-item[data-depth="0"]::before {
    font-family: 'Material Symbols Rounded' !important;
    font-size: 20px;
    line-height: 1;
    color: #ffffff !important;
    display: inline-block;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #category-11 > a.dropdown-item[data-depth="0"]::before { content: "\e56c"; }
  #category-10 > a.dropdown-item[data-depth="0"]::before { content: "\e16b"; }
  #category-14 > a.dropdown-item[data-depth="0"]::before { content: "\efc2"; }
  #category-15 > a.dropdown-item[data-depth="0"]::before { content: "\f29d"; }
  #category-84 > a.dropdown-item[data-depth="0"]::before { content: "\e81a"; }
  #category-12 > a.dropdown-item[data-depth="0"]::before { content: "\e293"; }
  #category-193 > a.dropdown-item[data-depth="0"]::before { content: "park"; }
  #cms-page-10 > a.dropdown-item[data-depth="0"]::before { content: "\f244"; }
}

@media (min-width: 992px) {
  .header-top-main #_top_main_menu ul#top-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .header-top-main #_top_main_menu ul#top-menu > li > a.dropdown-item {
    white-space: nowrap !important;
    font-family: 'Alata', sans-serif !important;
  }
}

@media (min-width: 992px) and (max-width: 1290px) {
  .header-top-main #_top_main_menu ul#top-menu > li {
    padding-left: 7px !important;
    padding-right: 7px !important;
    margin: 0 !important;
  }
  .header-top-main #_top_main_menu ul#top-menu > li > a.dropdown-item {
    font-size: 12px !important;
  }
  .header-top-main #_top_main_menu .top-menu > li > a.dropdown-item[data-depth="0"]::before {
    font-size: 17px !important;
  }
}

nav.header-nav .left-nav h3,
nav.header-nav .left-nav span,
nav.header-nav .left-nav strong {
  font-size: 13px !important;
  letter-spacing: 0.2px !important;
}

:root {
  --discount-badge-bg: #D4F5DC;
  --discount-badge-txt: #1A7A3A;
}

.product_item .discount-percentage,
.elementor-product-miniature .elementor-badge-sale {
  background: var(--discount-badge-bg) !important;
  color: var(--discount-badge-txt) !important;
  font-size: 12px !important;
  border: 1px solid rgba(26, 122, 58, 0.15) !important;
}

.product_item .product_img_block,
.elementor-product-miniature .elementor-image {
  height: 200px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product_item .product_img_block img,
.elementor-product-miniature .elementor-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  .product_item .product_img_block,
  .elementor-product-miniature .elementor-image {
    height: 160px !important;
  }
}

@media (min-width: 1200px) {
  #_top_main_menu .top-menu > li > a.dropdown-item[data-depth="0"]::before {
    transition: color 0.2s ease, transform 0.2s ease !important;
  }
  #_top_main_menu .top-menu > li:hover > a.dropdown-item[data-depth="0"]::before {
    transform: scale(1.15) !important;
  }
}

:focus-visible {
  outline: 2px solid var(--primary-blue) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

.footer-container a:hover {
  color: var(--primary-color) !important;
  text-decoration: underline !important;
}

html {
  scroll-behavior: smooth !important;
}

nav.header-nav .right-nav i.locator-icon,
nav.header-nav .right-nav i.track-icon,
nav.header-nav .right-nav i.account-icon {
  background-color: #ffffff !important;
}

.product-flag.discount {
  background-color: #D4F5DC !important;
  color: #1A7A3A !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border: 1px solid rgba(26, 122, 58, 0.15) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  clip-path: none !important;
}

.product-flag.discount::before,
.product-flag.discount::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
}

.block_newsletter .block_title {
  font-size: 1.8rem;
  font-weight: 900 !important;
  color: #FFFFFF !important;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .block_newsletter .block_title {
    font-size: 1.5rem;
  }
}

@media (max-width: 575px) {
  .block_newsletter .block_title {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

body :is(.btn-primary, .btn-secondary, .btn-tertiary) {
  font-family: 'Alata', sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  border-radius: 50px !important;
  border: none !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  letter-spacing: 0.3px;
}
body .btn-primary {
  background: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(34, 65, 208, 0.15) !important;
}
body .btn-primary:hover {
  background: var(--hover-green) !important;
  border-color: var(--hover-green) !important;
  box-shadow: 0 6px 16px rgba(35, 164, 85, 0.25) !important;
  transform: translateY(-2px);
}
body .btn-secondary {
  background: #fff !important;
  color: var(--primary-blue) !important;
  border: 2px solid var(--primary-blue) !important;
  box-shadow: none !important;
}
body .btn-secondary:hover {
  background: var(--primary-blue) !important;
  color: #fff !important;
}

.cart-detailed-actions .btn.btn-primary,
#payment-confirmation button.btn,
#blockcart-modal .cart-content-btn .btn.btn-secondary.btn-primary,
.block-promo .promo-input + button {
  font-family: 'Alata', sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  background: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  color: #fff !important;
  border-radius: 50px !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(34, 65, 208, 0.15);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  letter-spacing: 0.3px;
}
.cart-detailed-actions .btn.btn-primary:hover,
#payment-confirmation button.btn:hover,
#blockcart-modal .cart-content-btn .btn.btn-secondary.btn-primary:hover,
.block-promo .promo-input + button:hover {
  background: var(--hover-green) !important;
  border-color: var(--hover-green) !important;
  box-shadow: 0 6px 16px rgba(35, 164, 85, 0.25);
  transform: translateY(-2px);
}

#blockcart-modal .cart-content-btn .btn-secondary {
  font-family: 'Alata', sans-serif !important;
  text-transform: none !important;
  background: #fff !important;
  color: var(--primary-blue) !important;
  border: 2px solid var(--primary-blue) !important;
  border-radius: 50px !important;
  box-shadow: none;
  transition: all 0.2s ease;
}
#blockcart-modal .cart-content-btn .btn-secondary:hover {
  background: var(--primary-blue) !important;
  color: #fff !important;
}

.block-promo .promo-code form {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  position: relative !important;
}
.block-promo .promo-input,
.block-promo #promo-code {
  border-radius: 50px !important;
  border: 1px solid #e0e0e0 !important;
  padding: 10px 20px !important;
  font-family: 'Inter Tight', sans-serif;
  margin: 0 !important;
  height: auto !important;
  width: 100% !important;
}
.block-promo .promo-input + button {
  position: static !important;
  top: auto !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50px !important;
  padding: 10px 32px !important;
  box-shadow: none;
  margin: 0 auto !important;
  align-self: center !important;
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
}
.block-promo .promo-input + button span {
  white-space: nowrap !important;
}

.cart-grid .alert-warning,
#cart .alert-warning {
  background: #FFF6E5 !important;
  border: 1px solid #F4D9A0 !important;
  color: #8A6416 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-family: 'Inter Tight', sans-serif;
  font-size: 13.5px;
}

.gc-minimal-purchase {
  background-color: #eef4fb;
  border: 1px solid rgba(20, 35, 201, 0.12);
  border-radius: 12px;
  padding: 18px 20px;
  text-align: left;
  margin-bottom: 16px;
}

.gc-minimal-purchase-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.gc-minimal-purchase-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(20, 35, 201, 0.1);
}

.gc-minimal-purchase-main {
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  color: #2c2c2c;
}

.gc-minimal-purchase-main strong {
  color: #1423c9;
  font-weight: 700;
}

.gc-minimal-purchase-detail {
  font-size: 11.5px;
  font-weight: 400;
  color: #8b96b8;
  margin: 10px 0 0 46px;
  padding-top: 8px;
  border-top: 1px dashed rgba(20, 35, 201, 0.15);
}
 
body#checkout section.checkout-step .payment-options .payment-option {
  border: 1px solid #ECECEC !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin-bottom: 10px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body#checkout section.checkout-step .payment-options .payment-option:hover {
  border-color: var(--primary-blue) !important;
  box-shadow: 0 4px 12px rgba(34, 65, 208, 0.08);
}
body#checkout section.checkout-step .payment-options .payment-option:has(input:checked) {
  border-color: var(--hover-green) !important;
  background: #F4FBF6 !important;
}
body#checkout section.checkout-step .custom-radio {
  border-radius: 50% !important;
}
body#checkout section.checkout-step .custom-radio input:checked + span {
  background-color: var(--hover-green) !important;
  border-color: var(--hover-green) !important;
}
 
body#checkout section.checkout-step .step-edit .edit,
body#checkout section.checkout-step .step-edit .edit a {
  color: var(--primary-blue) !important;
  font-weight: 500;
}
 
.page-list {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 30px 0 !important;
  flex-wrap: wrap !important;
}

.page-list li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  background: #2241D0  !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 50px !important;
  color: #FFFFFF !important;
  font-family: 'Alata', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
  box-sizing: border-box !important;
}

.page-list li a:not(.disabled):hover {
  background: var(--hover-green) !important;
  border-color: var(--hover-green) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(35, 164, 85, 0.2) !important;
}

.page-list li.current a {
  background: #F1F4F9 !important;
  border-color: #E2E8F0 !important;
  color: #2241D0 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  pointer-events: none !important;
}

.page-list li .spacer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  background: #F1F4F9 !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 50% !important;
  color: var(--text-muted) !important;
  font-family: 'Alata', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: default !important;
  user-select: none !important;
  box-sizing: border-box !important;
}

.page-list li a.next,
.page-list li a.previous,
.page-list li a[rel="next"],
.page-list li a[rel="prev"] {
  font-size: 0 !important;
  line-height: 0 !important;
}

.page-list li.spacer, 
.page-list li:has(span) {
  padding: 0 4px !important;
  color: var(--text-muted) !important;
  font-family: 'Alata', sans-serif !important;
  font-weight: bold !important;
}
 
.cart-detailed-actions .btn.btn-primary.disabled {
  background: #C9C9C9 !important;
  border-color: #C9C9C9 !important;
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: 0.7 !important;
}

.block_newsletter form input.btn.btn-primary.hidden-xs-down {
  mask-image: none !important;
  -webkit-mask-image: none !important;
  mask-position: initial !important;
  -webkit-mask-position: initial !important;
  mask-repeat: initial !important;
  -webkit-mask-repeat: initial !important;
  mask-size: initial !important;
  -webkit-mask-size: initial !important;

  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 130px;

  font-size: 15px !important;
  text-indent: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-image: none !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  cursor: pointer;
}

.block_newsletter form input.btn.btn-primary.hidden-sm-up {
  mask-image: none !important;
  -webkit-mask-image: none !important;
  mask-position: initial !important;
  -webkit-mask-position: initial !important;
  mask-repeat: initial !important;
  -webkit-mask-repeat: initial !important;
  mask-size: initial !important;
  -webkit-mask-size: initial !important;

  position: static !important;
  top: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;

  font-size: 14px !important;
  text-indent: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-image: none !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  cursor: pointer;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .block_newsletter {
    text-align: center;
  }

  .block_newsletter .block_content,
  .block_newsletter .block_content form,
  .block_newsletter .col-xs-12 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  .block_newsletter .input-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto !important;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .block_newsletter input[name="email"] {
    width: 100% !important;
    height: 46px !important;
    border-radius: 6px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center;
  }

  .block_newsletter form input.btn.btn-primary.hidden-sm-up {
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .block_newsletter form input.btn.btn-primary.hidden-xs-down {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .trustpilot-widget, 
  .trustpilot-widget iframe {
    height: 75px !important;
    min-height: 75px !important;
    max-height: 75px !important;
    display: block !important;
  }
}

.cpsearch-main {
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
.cpsearch-main:focus-within {
    background: #eef1fc !important;
    border-color: #22c55e !important;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .12) !important;
}

.js-cart-detailed-actions [id*="paypal"] button,
.js-cart-detailed-actions [class*="paypal"] button,
.js-cart-detailed-actions .text-xs-center > div:not(:first-child) {
  margin-top: 6px;
  transform: scale(0.85);
  opacity: 0.85;
}

.js-alert-payment-conditions {
  display: none !important;
}
.js-alert-payment-conditions.gc-show-warning {
  display: block !important;
}

.gc-carrier-badge {
  display: inline-block;
  font-size: 12px;
  background: var(--bg-success, #eaf3de);
  color: var(--text-success, #3b6d11);
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}

.gc-shipping-toggle {
  background: none;
  border: none;
  color: var(--text-accent, #185fa5);
  font-size: 13px;
  padding: 8px 0;
  cursor: pointer;
  text-align: left;
}
/********************************************************
   RESTYLING CARRELLO: PREZZI IN RIGA UNICA E TITOLI
********************************************************/

/* 1. Titolo del prodotto coerente con il tema */
#cart .product-line-info a,
.cart-overview .product-line-info a,
.product-line-grid-body .product-line-info a {
  color: #3A3A3A !important;
  font-family: 'Alata', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

#cart .product-line-info a:hover,
.cart-overview .product-line-info a:hover {
  color: #0B31E7 !important;
}

/* 2. Forziamo il contenitore dei prezzi a disporre gli elementi in fila orizzontale */
#cart .product-line-grid-right .product-price,
.cart-overview .product-line-grid-right .product-price,
.current-price-and-shipping {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: auto !important;
}

/* 3. Prezzo finale d'acquisto in grassetto, più grande e in blu */
#cart .product-line-grid-right .current-price,
.cart-overview .product-line-grid-right .current-price,
.current-price {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0B31E7 !important;
}

/* 4. Prezzo barrato originale piccolo e grigio */
#cart .product-line-grid-right .regular-price,
.cart-overview .product-line-grid-right .regular-price,
.regular-price {
  font-size: 13px !important;
  color: #7A7A7A !important;
  text-decoration: line-through !important;
}

/* 5. Etichetta o importo dello sconto */
#cart .product-line-grid-right .discount,
.cart-overview .product-line-grid-right .discount,
.discount {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #D9534F !important;
}
/********************************************************
   STILE SPECIFICO PREZZI NEL CARRELLO (SENZA TOCCARE IL SITO)
********************************************************/

/* 1. Titolo del prodotto nel carrello */
#cart .product-line-info a,
.cart-overview .product-line-info a,
.product-line-grid-body .product-line-info a {
  color: #3A3A3A !important;
  font-family: 'Alata', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

#cart .product-line-info a:hover,
.cart-overview .product-line-info a:hover {
  color: #0B31E7 !important;
}

/* 2. Prezzi ed elementi strong SOLO all'interno della tabella/griglia del carrello */
#cart .cart-overview .product-price strong,
#cart .cart-grid .product-price strong,
.cart-summary .product-price strong,
#main.cart .current-price strong {
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #0B31E7 !important;
}
/********************************************************
   SEMPLIFICAZIONE MODULO CHECKOUT / REGISTRAZIONE
********************************************************/

/* 1. Nasconde i campi non essenziali come il titolo sociale (Sig./Sig.ra) */
.checkout-personal-information-step .field-salutation,
.register-form .form-group.row-salutation {
  display: none !important;
}

/* 2. Compatta lo spazio verticale tra le checkbox delle policy */
.checkout-personal-information-step .form-control-valign {
  margin-bottom: 8px !important;
}

/* 3. Migliora la leggibilità dei testi informativi delle policy */
.checkout-personal-information-step span.text-muted,
.checkout-personal-information-step .legal-block {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #666 !important;
}
/********************************************************
   STILE POPUP EXIT-INTENT: ANGOLO INFERIORE SINISTRO
********************************************************/

/* 1. Posizionamento in basso a sinistra e sfondo trasparente (senza oscurare tutto lo schermo) */
.exit-modal-overlay {
  position: fixed;
  bottom: 20px;
  left: 20px;
  top: auto;
  right: auto;
  width: auto;
  height: auto;
  background: transparent !important;
  z-index: 99999;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  animation: slideUpPopup 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 2. Struttura del pannello ridimensionata per l'angolino */
.exit-modal-container {
  background: #ffffff;
  width: 100%;
  max-width: 380px;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  position: relative;
  font-family: 'Alata', sans-serif;
  border: 1px solid #e5e5e5;
}

.exit-modal-close {
  position: absolute;
  top: 12px;
  right: 15px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #666;
}

.exit-modal-header h2 {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  margin-bottom: 8px;
}

.exit-modal-header p {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin-bottom: 15px;
}

.exit-modal-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.exit-radio-label {
  font-size: 13px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.exit-input-text {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s;
}

.exit-input-text:focus {
  border-color: #0B31E7;
}

.exit-submit-btn {
  width: 100%;
  background: #0B31E7;
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}

.exit-submit-btn:hover {
  background: #0925b3;
}

/* Animazione di entrata dal basso verso l'alto */
@keyframes slideUpPopup {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Adattamento per dispositivi mobili per evitare che esca dallo schermo */
@media (max-width: 480px) {
  .exit-modal-overlay {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }
  .exit-modal-container {
    max-width: 100%;
  }
}
/********************************************************
   SPOSTAMENTO E CORREZIONE PULSANTE "TORNA SU"
********************************************************/

/* 1. Posizionamento sicuro per evitare la sovrapposizione con i widget in basso */
.top_button {
  bottom: 90px !important; /* Solleva il pulsante verso l'alto per farlo emergere sopra gli altri widget */
  right: 15px !important;
  z-index: 9999 !important;
  background-color: #28a745 !important;/* Allinea il colore al tema blu del sito */
  color: #fff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.top_button:hover {
  background-color: #218838 !important;
  transform: translateY(-3px);
}



/********************************************************
   RESTYLING SCHEDE PRODOTTO — v2
   Titolo: 3 righe, sinistra. Prezzo: centrato.
   Copre: griglie categoria (.product_item), blocchi 
   Creative Elements (.elementor-product-miniature) 
   E pagine Marca/Brand (.product-miniature)
********************************************************/

/* TITOLO: 3 righe leggibili, allineato a sinistra
   (selettore .elementor-product-miniature ripetuto = specificit\u00e0 doppia,
   per vincere contro il CSS che Creative Elements genera per ogni singolo
   blocco della home, che altrimenti a parit\u00e0 di forza vince perch\u00e9 caricato dopo) */
.product_item .product-title a,
.product-miniature .product-title a,
.elementor-product-miniature.elementor-product-miniature .elementor-title {
  text-align: left !important;
  -webkit-line-clamp: 3 !important;
  line-height: 1.4 !important;
}
.product_item .product-title,
.product-miniature .product-title,
.elementor-product-miniature.elementor-product-miniature .elementor-title {
  min-height: 60px !important;
}

/* PREZZO: colonna verticale, centrato. Vendita sempre sopra (blu, grande), 
   barrato sempre sotto (grigio, piccolo) */
.product_item .product-price-and-shipping,
.product-miniature .product-price-and-shipping,
.elementor-product-miniature.elementor-product-miniature .elementor-price-wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  gap: 2px !important;
}

.product_item .price,
.product-miniature .price,
.elementor-product-miniature.elementor-product-miniature .elementor-price {
  order: 1 !important;
}

.product_item .regular-price,
.product-miniature .regular-price,
.elementor-product-miniature.elementor-product-miniature .elementor-price-regular {
  order: 2 !important;
  font-size: 13px !important;
  color: #7A7A7A !important;
}

/* CARD: stile coerente anche sulle pagine Marca (che prima non avevano ombra/bordo) */
.product-miniature {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: var(--card-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
              box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
@media (min-width: 768px) {
  .product-miniature:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--card-shadow-hover) !important;
  }
}

/* SPAZIATURA: più contenuta e uniforme, niente più fasce di colore diverso visibili */
.products .product_item,
.product_item,
.product-miniature,
.elementor-product-miniature {
  margin-bottom: 16px !important;
}

/* MOBILE */
@media (max-width: 767px) {
  .product_item .product-title,
  .product-miniature .product-title,
  .elementor-product-miniature.elementor-product-miniature .elementor-title {
    min-height: 56px !important;
  }
  .products .product_item,
  .product_item,
  .product-miniature,
  .elementor-product-miniature {
    margin-bottom: 14px !important;
  }
}

/********************************************************
   FIX: sollevamento hover tagliato nei caroselli prodotto
   Creative Elements genera per ogni carosello un .swiper-slide
   e una colonna con ombra/raggio propri che tagliano il
   sollevamento hover della card. Neutralizzati SOLO quando
   contengono un carosello Swiper — non tocca altre colonne
   del sito che potrebbero avere un'ombra voluta.
********************************************************/
.elementor-carousel-wrapper .swiper-slide {
  overflow: visible !important;
  box-shadow: none !important;
}


/********************************************************
   FIX: pulsanti "Aggiungi al Carrello" non allineati
   Titolo (2 o 3 righe) e blocco prezzo (con/senza sconto)
   avevano altezza variabile, spostando il pulsante su o giù
   nella card accanto. Altezza fissa uguale per tutti risolve.
********************************************************/
.elementor-product-miniature.elementor-product-miniature .elementor-title {
  height: 60px !important;
}
.elementor-product-miniature.elementor-product-miniature .elementor-price-wrapper {
  height: 51px !important;
}
@media (max-width: 767px) {
  .elementor-product-miniature.elementor-product-miniature .elementor-title {
    height: 56px !important;
  }
  .elementor-product-miniature.elementor-product-miniature .elementor-price-wrapper {
    height: 46px !important;
  }
}

/********************************************************
   FIX: prezzo diviso in due colonne invece che impilato
   .elementor-price-wrapper aveva flex-wrap: wrap (da un'altra
   regola più in alto nel file) insieme a flex-direction:
   column — con l'altezza fissa appena aggiunta lo spazio
   non bastava più per due righe, quindi il prezzo scontato
   "wrappava" in una seconda colonna invece di andare a capo
   sotto. flex-wrap: nowrap forza l'impilamento verticale.
********************************************************/
.elementor-product-miniature.elementor-product-miniature .elementor-price-wrapper {
  flex-wrap: nowrap !important;
}


/* Allineamento pagina Marche - desktop */
#brand_list .brand-inner .row {
  align-items: center;
}
#brand_list .brand-inner .row > div.left-side {
  flex: 0 0 110px;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#brand_list .brand-inner .row > div.left-side img {
  max-width: 100px;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
}
#brand_list .brand-inner .row > div.middle-side {
  justify-content: flex-start;
  text-align: left;
}

/* Allineamento pagina Marche - mobile */
@media (max-width: 767px) {
  #brand_list li.brand .brand-inner {
    text-align: left;
  }
  #brand_list li.brand .brand-inner .brand-infos .product-title a {
    text-align: left;
  }
  #brand_list .brand-inner .row > div.left-side {
    justify-content: flex-start;
    margin: 0 0 10px 0;
  }
}

/* === Guida all'acquisto nelle descrizioni categoria (gc-guida) — 2026-10-06 === */
/* Si chiude solo se custom.js ha aggiunto la classe gc-js: senza JS il testo resta visibile */
#category-description .gc-guida {
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #374151;
}
#category-description .gc-guida h2 { font-size: 1.1rem; margin: 18px 0 8px; color: #111827; }
#category-description .gc-guida h3 { font-size: 1rem; margin: 14px 0 6px; color: #111827; }
#category-description .gc-guida .gc-guida-titolo { margin-top: 0; color: #23A455; }
.gc-js #category-description .gc-guida {
  position: relative;
  max-height: 150px;
  overflow: hidden;
}
.gc-js #category-description .gc-guida::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
}
.gc-js #category-description .gc-guida.aperta { max-height: none; }
.gc-js #category-description .gc-guida.aperta::after { display: none; }
.gc-guida-btn {
  display: inline-block;
  margin: 10px 0 4px;
  padding: 9px 18px;
  border: 0;
  border-radius: 999px;
  background: #23A455;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.gc-guida-btn:hover { background: #1c8a47; }

/* Pagina categoria: nasconde copertina e titolo "Sotto-categorie" (restano i riquadri) — 2026-10-07 */
#js-product-list-header .block-category .category-cover { display: none; }
#subcategories .subcategory-heading { display: none; }

/* === GC mega menu con foto e loghi cliccabili (14-15/10/2026) === */
@keyframes gcmmUp{from{opacity:0}to{opacity:1}}
@keyframes gcmmFade{from{opacity:0}to{opacity:1}}
#_top_main_menu li:hover > .popover.gcmm .gcmm-left,#_top_main_menu li:hover > .popover.gcmm > ul.top-menu,#_top_main_menu li:hover > .popover.gcmm .gcmm-brandrow{animation:gcmmFade .35s ease both}
#_top_main_menu .popover.gcmm{width:calc(100% - 30px);max-width:none;flex-wrap:wrap;align-items:flex-start;column-gap:3%;row-gap:22px;padding:28px 30px 26px;border-radius:0 0 18px 18px;box-shadow:0 24px 60px rgba(16,32,96,.16)}
#_top_main_menu .popover.gcmm > .menu-banners{display:none!important}
#_top_main_menu .gcmm-left{flex:0 0 48%;min-width:0}
.gcmm-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gcmm-tiles .gcmm-tile,.gcmm-strip .gcmm-tile{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#1d2433;transition:box-shadow .6s ease!important;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}
.gcmm-tiles .gcmm-tile img,.gcmm-strip .gcmm-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.25,.46,.45,.94)!important;will-change:transform;backface-visibility:hidden;transform:translateZ(0) scale(1.001);max-width:none}
.gcmm-tiles .gcmm-tile::after,.gcmm-strip .gcmm-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,16,48,.82) 0%,rgba(8,16,48,.45) 32%,rgba(8,16,48,0) 62%);transition:opacity .35s!important;z-index:1}
.gcmm-tiles .gcmm-tile:hover{box-shadow:0 14px 32px rgba(44,71,198,.26)}
.gcmm-tiles .gcmm-tile:hover img{transform:translateZ(0) scale(1.05)}
.gcmm-tiles .gcmm-tile span,.gcmm-strip .gcmm-tile span{position:absolute;left:16px;right:14px;bottom:13px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;padding:0;font-weight:800;font-size:17px;line-height:1.2;color:#fff;letter-spacing:.2px;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.gcmm-tiles .gcmm-tile i,.gcmm-strip .gcmm-tile i{font-style:normal;flex:none;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;text-shadow:none;transition:transform .5s ease,background .5s ease,border-color .5s ease!important}
.gcmm-tiles .gcmm-tile:hover i{background:#0B31E7;border-color:#0B31E7;transform:translateX(3px)}
#_top_main_menu .gcmm-cta{display:inline-block;margin-top:18px;background:linear-gradient(135deg,#0B31E7,#2c47c6);color:#fff!important;border-radius:999px;padding:11px 22px;font-weight:700;font-size:15px;transition:transform .25s,box-shadow .25s,background .25s!important;box-shadow:0 6px 16px rgba(11,49,231,.25)}
#_top_main_menu .gcmm-cta:hover{background:#23A455;transform:translateY(-2px);box-shadow:0 6px 18px rgba(35,164,85,.4)}
#_top_main_menu .popover.gcmm > ul.top-menu{flex:1 1 0;width:auto!important;min-width:0;column-count:3;column-gap:22px;column-fill:auto;overflow:hidden;margin:0;padding:0}
#_top_main_menu .popover.gcmm > ul.top-menu > li{display:block!important;width:auto!important;float:none!important;break-inside:auto;margin:0 0 16px!important;padding:0!important}
#_top_main_menu .popover.gcmm > ul.top-menu > li > a{break-after:avoid;-webkit-column-break-after:avoid}
#_top_main_menu .popover.gcmm ul[data-depth="2"] > li{break-inside:avoid}
#_top_main_menu .popover.gcmm > ul.top-menu > li > a{display:block;font-weight:700!important;font-size:15px!important;color:#1d2433!important;padding:0 0 6px!important;margin:0 0 6px!important;border:0!important;border-bottom:2px solid #e6e9f0!important;line-height:1.3!important;transition:color .2s!important}
#_top_main_menu .popover.gcmm > ul.top-menu > li > a:hover{color:#0B31E7!important;border-bottom-color:#0B31E7!important}
#_top_main_menu .popover.gcmm ul[data-depth="2"]{display:block!important;margin:0!important;padding:0!important;columns:auto!important}
#_top_main_menu .popover.gcmm > ul.top-menu > li > div{display:block!important;position:static!important;height:auto!important}
#_top_main_menu .popover.gcmm ul[data-depth="2"] > li{display:block!important;width:auto!important;float:none!important;margin:0!important;padding:0!important;border:0!important}
#_top_main_menu .popover.gcmm ul[data-depth="2"] > li > a{display:block;font-size:14.5px!important;line-height:1.35!important;padding:4px 0!important;border:0!important;color:#4a5265!important;transition:color .3s ease,transform .3s ease!important}
#_top_main_menu .popover.gcmm ul[data-depth="2"] > li > a:hover{color:#0B31E7!important;transform:translateX(3px)}
#_top_main_menu .popover.gcmm ul[data-depth="2"] > li.gcmm-hide{display:none!important}
#_top_main_menu .popover.gcmm .gcmm-more > a{color:#0B31E7!important;font-weight:700}
#_top_main_menu .popover.gcmm a.gcmm-tile{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;line-height:normal!important}
#_top_main_menu .popover.gcmm .gcmm-tiles{width:100%}
#_top_main_menu .gcmm-brandrow{flex:0 0 100%;border-top:1px solid #e6e9f0;padding-top:18px}
#_top_main_menu .gcmm-bt{margin:0 0 12px;font-weight:700;color:#1d2433;font-size:16px}
#_top_main_menu .gcmm-logos{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#_top_main_menu .gcmm-logos > a:not(.gcmm-all){display:block;width:150px;height:76px;padding:8px 10px!important;margin:0!important;background:#fff;border:1px solid #e6e9f0!important;border-radius:14px;transition:transform .45s cubic-bezier(.25,.46,.45,.94),box-shadow .45s ease,border-color .45s ease!important;backface-visibility:hidden}
#_top_main_menu .gcmm-logos > a:not(.gcmm-all) span{display:block;width:100%;height:100%;background-repeat:no-repeat}
#_top_main_menu .gcmm-logos > a:not(.gcmm-all):hover,#_top_main_menu .gcmm-logos > a:not(.gcmm-all):focus-visible{transform:translateY(-4px);box-shadow:0 10px 26px rgba(44,71,198,.2);border-color:transparent!important}
#_top_main_menu .gcmm-all{display:inline-block;margin-left:6px;border:1px solid #0B31E7!important;color:#0B31E7!important;border-radius:999px;padding:7px 16px!important;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,color .25s!important}
#_top_main_menu .gcmm-all:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(11,49,231,.22);background:#0B31E7;color:#fff!important}
#cp_sidevertical_menu_top .gcmm-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#cp_sidevertical_menu_top .gcmm-strip::-webkit-scrollbar{display:none}
#cp_sidevertical_menu_top .gcmm-strip a.gcmm-tile{padding:0!important;border:0!important;margin:0!important}
#cp_sidevertical_menu_top .gcmm-strip .gcmm-tile img{width:100%;height:100%;object-fit:cover}
#cp_sidevertical_menu_top .gcmm-strip .gcmm-tile{flex:0 0 72%;aspect-ratio:16/10;scroll-snap-align:start;border-radius:14px;animation:gcmmUp .45s ease both}
#cp_sidevertical_menu_top .gcmm-strip .gcmm-tile span{text-transform:none;left:12px;right:10px;bottom:10px;font-size:15px}
#cp_sidevertical_menu_top .gcmm-strip .gcmm-tile i{width:26px;height:26px;font-size:13px}
#cp_sidevertical_menu_top li[data-gcmm] > a{display:flex!important;align-items:center;gap:12px}
#cp_sidevertical_menu_top .gcmm-th{flex:none;width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px #e2e6ef,0 4px 10px rgba(16,32,96,.18);order:-1;transition:transform .3s!important}
#cp_sidevertical_menu_top li[data-gcmm] > a .pull-xs-right{margin-left:auto;order:3}
@media (max-width:1300px){#_top_main_menu .popover.gcmm > ul.top-menu{column-count:2}#_top_main_menu .gcmm-logos > a:not(.gcmm-all){width:132px;height:68px}}
@media (prefers-reduced-motion:reduce){.gcmm-tile,.gcmm-tile img,#_top_main_menu .gcmm-logos > a,#_top_main_menu .popover.gcmm *{transition:none!important;animation:none!important}}

/* === Guida (gc-guida) anche nelle pagine marchio — 2026-10-19 === */
#manufacturer-description .gc-guida {
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #374151;
}
#manufacturer-description .gc-guida h2 { font-size: 1.1rem; margin: 18px 0 8px; color: #111827; }
#manufacturer-description .gc-guida h3 { font-size: 1rem; margin: 14px 0 6px; color: #111827; }
#manufacturer-description .gc-guida .gc-guida-titolo { margin-top: 0; color: #23A455; }
.gc-js #manufacturer-description .gc-guida {
  position: relative;
  max-height: 150px;
  overflow: hidden;
}
.gc-js #manufacturer-description .gc-guida::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
}
.gc-js #manufacturer-description .gc-guida.aperta { max-height: none; }
.gc-js #manufacturer-description .gc-guida.aperta::after { display: none; }

/* === Tabelle di confronto nelle guide (gc-tabella) — 2026-10-19 === */
.gc-guida .gc-tabella {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 16px;
  font-size: .95rem;
}
.gc-guida .gc-tabella th,
.gc-guida .gc-tabella td {
  border: 1px solid #e5e7eb;
  padding: 7px 9px;
  text-align: left;
  vertical-align: top;
}
.gc-guida .gc-tabella th { background: #f3f4f6; color: #111827; font-weight: 600; }
.gc-guida .gc-tabella tr:nth-child(even) td { background: #fafafa; }
@media (max-width: 600px) {
  .gc-guida .gc-tabella { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: .9rem; }
}

/* === Link riconoscibili dentro le guide (gc-guida) — 2026-10-19 === */
.gc-guida a {
  color: #1c8a47;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.gc-guida a:hover { color: #23A455; }

/* ===== PRS02046 4.0.0 (vendor): stili ps_onepagecheckout per PrestaShop 9.2 ===== */
/**
 * Classic theme support for the ps_onepagecheckout module (PrestaShop 9.2+).
 *
 * Loaded only on the checkout page (see config/theme.yml, `order`), after the module stylesheet.
 * It provides:
 *   1. the few Bootstrap 5 utilities / CSS variables the module relies on and Classic
 *      (Bootstrap 4 alpha 5) does not ship,
 *   2. Classic-styled layout for the one-page checkout components (sections, address picker,
 *      carriers, payment options, modals, loaders, errors).
 */

/* ------------------------------------------------------------------ */
/* 1. Bootstrap 5 compatibility                                       */
/* ------------------------------------------------------------------ */

:root {
  --bs-border-color: #e5e5e5;
  --bs-secondary-color: #757575;
  --opc-primary: #24b9d7;
  --opc-primary-dark: #2fb5d2;
  --opc-danger: #ff4c4c;
  --opc-text: #232323;
  --opc-muted: #757575;
  --opc-border: #e5e5e5;
  --opc-bg-soft: #f6f6f6;
}

#checkout .cart-grid-body{
  padding: 0px 30px;
  border: 1px solid #e5e5e5;
  border-radius: var(--border-radius);
}
#checkout .cart-grid-right{
  padding-left: 30px;
}
/* JS toggles these class names, so they must exist and win over component display rules. */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-3 { margin-top: 1rem !important; }
.text-danger { color: var(--opc-danger) !important; }
.text-muted { color: var(--opc-muted) !important; }
.text-body-tertiary { color: var(--opc-muted) !important; }
.fw-semibold { font-weight: 600 !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.top-0 { top: 0 !important; }
.start-0 { left: 0 !important; }
.end-0 { right: 0 !important; }
.bottom-0 { bottom: 0 !important; }
.bg-white { background-color: #fff !important; }
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.border-primary { border-color: var(--opc-primary) !important; }

/* Classes still emitted by module partials that Classic does not override. */
.one-page-checkout .form-label,
.opc-address-modal .form-label {
  display: block;
  margin-bottom: 0.5rem;
}
.one-page-checkout__section .form-label{
  text-align: left;
  font-weight: 500;
}
.one-page-checkout .form-select,
.opc-address-modal .form-select {
  display: block;
  width: 100%;
}
.one-page-checkout .form-check,
.opc-address-modal .form-check {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
}
.one-page-checkout .form-check .form-check-label{ padding: 0px; font-weight: 500;}
.one-page-checkout .form-check-input,
.opc-address-modal .form-check-input {
  position: static;
  margin: 0 0.5rem 0 0;
}

/* Bootstrap 5 modal helper missing from alpha 5. */
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 3.5rem);
  overflow: hidden;
  overflow-y: scroll;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

/* Bootstrap 5 field validation states. */
.form-control.is-invalid,
.form-control-select.is-invalid {
  border-color: var(--opc-danger);
}
.form-control.is-invalid:focus {
  box-shadow: 0 0 6px #ffb2b2;
}
.invalid-feedback {
  width: 100%;
  margin-top: 0.25rem;  
  color: var(--opc-danger);
}
.has-error .form-control-label,
.has-error .form-control-feedback {
  color: var(--opc-danger);
}
.has-error .form-control {
  border-color: var(--opc-danger);
}

/* ------------------------------------------------------------------ */
/* 2. Spinner / loader / error placeholders                           */
/* ------------------------------------------------------------------ */

@keyframes opc-spin {
  to { transform: rotate(360deg); }
}
.opc-spinner {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  vertical-align: -0.125em;
  border: 0.15em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: opc-spin 0.75s linear infinite;
}
.opc-spinner.d-none { display: none !important; }
.opc-spinner--lg {
  width: 2rem;
  height: 2rem;
  margin-right: 0;
  color: var(--opc-primary);
}
.opc-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1rem 0;
}
.opc-loader__message {
  margin: 0.5rem 0 0;  
  color: var(--opc-muted);
}
.opc-error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.opc-error__message {
  flex: 1 1 auto;
  margin: 0 1rem 0 0;
}
.opc-payment-methods-loader {
  z-index: 2;
}

/* ------------------------------------------------------------------ */
/* 3. One-page checkout layout                                        */
/* ------------------------------------------------------------------ */

.one-page-checkout {
  padding-right: 0;
}
.one-page-checkout__section {
  padding: 2em 0;
  background: #fff;  
}
.one-page-checkout__section .step__account a { color: var(--link-hover-color);}
.one-page-checkout__section #opc-delivery-address #opc-delivery-address-fields{
  display: inline-block;
}
.one-page-checkout__section.js-opc-payment-section,
.one-page-checkout__section + .one-page-checkout__section,
.js-opc-addresses-section + .one-page-checkout__section {
  border-top: 1px solid var(--opc-border);  
  display: grid;
}
.one-page-checkout__title {
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: 600;    
}
.one-page-checkout__links a,
.one-page-checkout__link {  
  text-decoration: underline;
  color: var(--link-hover-color);
}
.one-page-checkout__links a:hover,
.one-page-checkout__link:hover {
  color: var(--opc-primary);
}
.one-page-checkout__field .form-control {
  max-width: 100%;
}
.one-page-checkout__footer {
  padding: 1.5rem 0px;
}
.one-page-checkout__footer .opc-conditions {
  padding: 0;
  margin: 0 0 1rem;
  list-style: none;
}
.one-page-checkout__footer .opc-conditions li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
body#checkout .one-page-checkout__footer .opc-conditions .condition-label {
  flex: 1 1 auto;
  margin-left: 20px;
}
.one-page-checkout__footer .opc-conditions .float-xs-left {
  margin-right: 0.5rem;
}
.one-page-checkout__submit.btn {
  margin-top: 0.5rem;
}
.one-page-checkout__submit:disabled {
  pointer-events: none;
  opacity: 0.55;
}
.one-page-checkout__placeholder {
  min-height: 2rem;
}

/* Form fields: Classic's horizontal label/input grid is too narrow for a 2/3-width column and for
   the side-by-side field rows, so stack label above input inside the one-page checkout. */
.one-page-checkout .opc-form-fields-row,
.one-page-checkout .form-group.row,
.opc-address-modal .form-group.row {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
.one-page-checkout .form-group.row .form-control-label.required::after{
  color: var(--bs-danger);
  content: "*" / " ";
  position: absolute;
  margin: 0px 5px;
}
.one-page-checkout .form-group.row > [class*="col-"],
.opc-address-modal .form-group.row > [class*="col-"] {
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.one-page-checkout .form-group.row > .form-control-label,
.opc-address-modal .form-group.row > .form-control-label {
  margin-bottom: 0.375rem;
  text-align: left;
}
.one-page-checkout .form-group.row > .form-control-comment,
.opc-address-modal .form-group.row > .form-control-comment {
  padding: 0px;
}
.opc-address-modal .modal-body > .js-opc-address-modal-fields > .row {
  margin-right: 0;
  margin-left: 0;
}
.opc-form-fields-row > .form-group.row {
  margin-bottom: 1rem;
}

/* ------------------------------------------------------------------ */
/* 4. Saved addresses picker                                          */
/* ------------------------------------------------------------------ */

.opc-address-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  gap: 10px;
}
.opc-address-item {
  display: flex;
  align-items: flex-start;
  padding: 0.75rem;
  margin-top: -1px;
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--opc-border);
  border-radius: var(--border-radius);
}
.opc-address-item:first-child {
  margin-top: 0;
}
.opc-address-item.selected {
  position: relative;
  z-index: 1;
  background: var(--opc-bg-soft);
  border-color: var(--opc-primary);
}
.opc-address-item .custom-radio {
  margin-right: 0.75rem;
}
.opc-address-item__radio {
  flex: 0 0 auto;
  position: absolute;
  width: 85%;
}
.opc-address-item__body {
  flex: 1 1 auto;
  min-width: 0;
}
.opc-address-item__body .form-check-label {
  display: block;
  padding-left: 0;
  margin-bottom: 0.25rem;
  cursor: pointer;
  text-align: left;
  margin-left: 30px;
}
.opc-address-item__details {
  margin: 0;  
}
.opc-address-card__actions {
  flex: 0 0 auto;
}
.opc-address-card__toggle {
  padding: 0;
  line-height: 1;
  color: var(--opc-muted);
  background: transparent;
  border: 0;
}
.opc-address-card__actions .dropdown-menu {
  min-width: 8rem;
}
.opc-address-card__actions .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.opc-address-card__actions .dropdown-item:hover {
  background: var(--opc-bg-soft);
}

/* ------------------------------------------------------------------ */
/* 5. Carriers and payment options                                    */
/* ------------------------------------------------------------------ */

.delivery-options__list {
  margin-bottom: 1rem;
}
.delivery-option__item {
  margin-top: -1px;
  background: #fff;
  border: 0px solid var(--opc-border);
  background-color: #f2f2f2;
  border-radius: var(--border-radius);
  margin-bottom: 10px;  
}
.delivery-option__item:first-child {
  margin-top: 0;
}
.delivery-option__item.is-selected {
  position: relative;
  z-index: 1;
  border-color: var(--opc-primary);
}
.delivery-option__label {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  padding: 0.75rem;
  margin: 0;
  cursor: pointer;
  gap: 10px;
}
.delivery-option__left {
  display: flex;
  flex: 1 1 14rem;
  align-items: center;
}
.delivery-option__check {
  flex: 0 0 auto;
  margin-right: 10px;
}
.delivery-option__carrier {
  display: flex;
  align-items: center;
}
.delivery-option__carrier-logo {
  max-width: 3.5rem;
  max-height: 2.5rem;
  margin-right: 0.75rem;
}
.delivery-option__carrier-name {
  font-weight: 500;
}
.delivery-option__content {
  flex: 1 1 10rem;
  padding: 0 1.75rem;  
  color: var(--opc-muted);
}
.delivery-option__price {
  flex: 0 0 auto;
  font-weight: 600;
  text-align: right;
}
.delivery-option__extra-content {
  padding: 0 0.75rem 0.75rem;
}
.delivery-option__extra:not([data-active]) .delivery-option__extra-content {
  display: none;
}
.delivery-options__display-after-carrier:empty,
.delivery-options__extra-carrier:empty,
#delivery-options__hook:empty {
  display: none;
}

.opc-payment-methods-wrapper {
  min-height: 6rem;
}
.payment-option {
  padding: 0.75rem;
  margin-top: -1px;
  background: #fff;
  border: 0px solid var(--opc-border);
  background-color: #f2f2f2;
  border-radius: var(--border-radius);
  margin-bottom: 10px;
}
.payment-option:first-child {
  margin-top: 0;
}
.payment-option__form-check {
  display: flex;
  align-items: center;
}
.payment-option__form-check .custom-radio{
  margin-right: 10px;
}
.payment-option__label {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  margin: 0;
  cursor: pointer;
  font-weight: 500;
}
.payment-option__label img {
  max-height: 2rem;
  margin-left: 0.75rem;
}
.payment-option__additional-information {
  margin-top: 0.75rem;  
}
.js-payment-option-form {
  margin-top: 0.5rem;
}

/* ------------------------------------------------------------------ */
/* 6. Express checkout, modals                                        */
/* ------------------------------------------------------------------ */

.opc-express-checkout {
  margin-bottom: 1.5rem;
}
.opc-express-checkout__buttons {
  display: flex;
  flex-wrap: wrap;
}
.opc-express-checkout__buttons > * {
  margin: 0 0.5rem 0.5rem 0;
}

.opc-address-modal .modal-header {
  align-items: center;
}
.opc-address-modal .modal-title {
  margin: 0;
  font-size: 1.25rem;
}
.opc-address-modal .modal-header .close,
#opc-delete-address-confirm-modal .modal-header .close {
  position: static;
  top: auto;
  right: auto;
  margin-left: auto;
  font-size: 1.75rem;
  line-height: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
}
#submit-address-modal:disabled {
  pointer-events: none;
  opacity: 0.55;
}
#submit-address-modal .opc-spinner {
  margin-right: 0.5rem;
}
#opc-delete-address-confirm-modal .modal-title {
  font-size: 1.25rem;
}
.js-payment-binary.opc-binary-disabled,
.payment-binary.opc-binary-disabled {
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 991px) {
  body#checkout section#content .row{
    margin: 0px;
  }
  #checkout .cart-grid-right{
    padding-left: 0px;
  }  
}

@media (min-width: 768px) {
  .opc-form-fields-row {
    display: grid;
    gap: 0 1rem;
  }
  .opc-form-fields-row--2 { grid-template-columns: 1fr 1fr; }
  .opc-form-fields-row--3 { grid-template-columns: 1fr 1fr 1fr; }
}

/* ===========================================================================
   GC 25/10/2026 — POPUP NEWSLETTER BREVO (spostato da header.tpl, prima inline su ogni pagina)
   =========================================================================== */

  @font-face {
    font-display: block;
    font-family: Roboto;
    src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
  }
  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
  }
  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
  }
  :where(.sib-form-message-panel) { display: none; }
  :where(.sib-form-message-panel .sib-notification__icon) { width: 20px; height: 20px; }
  #sib-container input:-ms-input-placeholder { font-family: Helvetica, sans-serif; text-align: left; color: #c0ccda; }
  #sib-container input::placeholder { font-family: Helvetica, sans-serif; text-align: left; color: #c0ccda; }
  #sib-container textarea::placeholder { font-family: Helvetica, sans-serif; text-align: left; color: #c0ccda; }
  #sib-container a { text-decoration: underline; color: #2BB2FC; }

  /* Struttura Pop-up Sovrapposta Grafica */
  .gc-brevo-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 15px;
  }
  .gc-brevo-popup {
    position: relative;
    width: 100%;
    max-width: 860px;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.3);
    display: flex;
  }
  .gc-brevo-image-col {
    flex: 0 0 40%;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .gc-brevo-image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .gc-brevo-form-col {
    flex: 1;
    min-width: 0;
    padding: 10px;
  }
  .gc-brevo-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #3c4858;
    cursor: pointer;
    z-index: 1001;
    transition: color 0.2s;
    line-height: 1;
  }
  .gc-brevo-close:hover { color: #000; }
  .gc-brevo-popup .sib-container--large { border: none !important; box-shadow: none !important; }

  /* Su mobile: nascondi la colonna immagine, form a piena larghezza */
  @media (max-width: 767px) {
    .gc-brevo-popup {
      display: block;
      max-width: 540px;
    }
    .gc-brevo-image-col {
      display: none;
    }
  }
/* il pulsante di chiusura ora è un <button> (accessibile da tastiera): stesso aspetto dello <span> di prima */
button.gc-brevo-close { background: none; border: 0; padding: 0; }
button.gc-brevo-close:focus-visible { outline: 2px solid #0b31e7; outline-offset: 2px; }
/* ===========================================================================
   GC 25/10/2026 — TICKER PROMOZIONALE VERTICALE (spostato da header.tpl)
   =========================================================================== */

    .gc-vertical-ticker-wrapper {
      background: #0b31d9;
      overflow: hidden;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .gc-vertical-ticker-container {
      height: 45px;
      overflow: hidden;
      position: relative;
      width: 100%;
      max-width: 1200px;
    }
    .gc-vertical-track {
      display: flex;
      flex-direction: column;
      animation: slideVertical 18s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
        will-change: transform;
    }
    .gc-vertical-item {
      height: 44px;
      line-height: 44px;
      text-align: center;
      color: #ffffff;
      font-size: 15.5px;
      font-weight: 700;
      font-family: inherit;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 1rem;
    }
    .gc-vertical-badge {
      background: #f5c518;
      color: #c8102e;
      padding: 2px 8px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 14px;
      display: inline-block;
      line-height: normal;
    }
    @keyframes slideVertical {
      0%, 16% { transform: translateY(0); }
      20%, 36% { transform: translateY(-44px); }
      40%, 56% { transform: translateY(-88px); }
      60%, 76% { transform: translateY(-132px); }
      80%, 96% { transform: translateY(-176px); }
      100% { transform: translateY(-220px); }
    }
    .gc-vertical-ticker-wrapper:hover .gc-vertical-track {
      animation-play-state: paused;
    }
    @media (max-width: 768px) {
      .gc-vertical-ticker-wrapper,
      .gc-vertical-ticker-container,
      .gc-vertical-item {
        height: 54px !important;
        line-height: 1.3 !important;
      }
      .gc-vertical-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 12px !important;
        white-space: normal !important;
        text-overflow: clip !important;
        padding: 0 8px;
      }
      .gc-vertical-track {
        animation: slideVerticalMobile 18s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
      }
      .gc-vertical-badge {
        font-size: 11px !important;
        padding: 1px 5px;
        margin-right: 4px;
      }
    }
    @keyframes slideVerticalMobile {
      0%, 16% { transform: translateY(0); }
      20%, 36% { transform: translateY(-54px); }
      40%, 56% { transform: translateY(-108px); }
      60%, 76% { transform: translateY(-162px); }
      80%, 96% { transform: translateY(-216px); }
      100% { transform: translateY(-270px); }
    }
  /* accessibilità: animazione ferma per chi ha chiesto meno movimento */
@media (prefers-reduced-motion: reduce) {
  .gc-vertical-track { animation: none !important; }
}
/* ===========================================================================
   GC 25/10/2026 — FOOTER (spostato da footer.tpl, prima stili inline)
   =========================================================================== */
.footer-legal-links { text-align: left; font-size: 13px; color: #777; line-height: 1.6; }
.footer-legal-links a { color: #777; text-decoration: underline; }
/* posizione finale del widget WhatsApp: prima la impostava uno script dopo 1,5 s (con salto visibile) */
.ets_wa_whatsapp_block.left_bottom { bottom: 65px !important; top: auto !important; position: fixed !important; }
/* messaggio di ringraziamento del popup feedback carrello (prima alert()) */
.exit-modal-grazie { margin: 10px 0 0; font-weight: 600; color: #23A455; text-align: center; }

/* ===========================================================================
   GC 25/10/2026 — FOOTER RIORGANIZZATO (sfondo cucina con logo, 3 colonne, pulsante reso)
   =========================================================================== */
.footer-container .gc-footer-middle {
  background: #fff url("/modules/cp_themeoptions/views/img/footer_Generoso_casalinghi.webp") center / cover no-repeat;
  padding: 40px 0 24px;
}
.gc-footer { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 32px; align-items: start; }
.gc-footer .footer-right { grid-column: 1 / -1; }
.gc-footer-col ul { list-style: none; margin: 0; padding: 0; }
.gc-footer-col li { margin: 0 0 8px; }
.gc-footer-col a { color: #1d2433; text-decoration: none; }
.gc-footer-col a:hover, .gc-footer-col a:focus-visible { color: #23A455; text-decoration: underline; }
.gc-footer-title { font-weight: 700; font-size: 16px; color: #1d2433; margin: 0 0 12px; text-transform: uppercase; letter-spacing: .03em; }
.gc-footer-logo img { width: 190px; height: auto; display: block; margin-bottom: 10px; }
.gc-footer-tagline { color: #23A455; font-weight: 600; margin: 0 0 12px; line-height: 1.5; }
.gc-footer-reso { display: inline-block; margin-top: 8px; padding: 10px 20px; border-radius: 24px; background: #23A455; color: #fff !important; font-weight: 700; text-decoration: none !important; }
.gc-footer-reso:hover, .gc-footer-reso:focus-visible { background: #1b8a47; }
@media (max-width: 767px) {
  .gc-footer { grid-template-columns: 1fr; gap: 20px; text-align: center; }
  .gc-footer-logo img { margin: 0 auto 10px; }
  .footer-container .gc-footer-middle { background-position: 70% center; }
}