@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Poppins:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,500,0,0");

/* BASE */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  color: #fff !important;
  overflow-x: hidden !important;
  font-family: "Poppins", Arial, sans-serif !important;
}


/* SIDEBAR DISATTIVATA */
#colSx {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#mainTable,
#mainTableContainer,
#colMid {
  width: 100% !important;
  max-width: 100% !important;
}

#colMid {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* TESTATA ROSSA */
#header_top_bar_wrapper,
.header_top_bar,
.header_top_bar li,
#top_text {
  background: #e1251b !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
}

.barra-alta-titans {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #e1251b !important;
  color: #fff !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  padding: 8px 0 !important;
  box-sizing: border-box !important;
  text-transform: uppercase !important;
}

.barra-alta-custom-desktop {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.barra-alta-custom-desktop .item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

.barra-alta-custom-desktop .material-symbols-outlined {
  font-size: 21px !important;
}

.barra-alta-custom-mobile {
  display: none !important;
}

#header_top_bar_wrapper #top_languages {
  display: none !important;
}

/* HEADER */
#header_responsive,
#header_responsive #head,
#top_buttons_wrapper {
  background: #000 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

#top_buttons_wrapper .top_buttons {
  max-width: 1280px !important;
  min-height: 118px !important;
  margin: 0 auto !important;
  padding: 0 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  box-sizing: border-box !important;
}

/* NASCONDE IL MENU BUTTON READY PRO */
#top_menu_button {
  display: none !important;
}

/* LOGO */
.box_logo {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#logo,
#header_responsive #logo {
  width: 82px !important;
  max-width: 82px !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
}

/* SEARCH DESKTOP */
.box_search {
  flex: 0 0 430px !important;
  width: 430px !important;
  max-width: 430px !important;
  margin: 0 auto 0 56px !important;
}

#top_search {
  width: 430px !important;
  max-width: 430px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top_search .box_text_search {
  position: relative !important;
  display: flex !important;
  width: 430px !important;
  max-width: 430px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}

#top_search .txt_search {
  display: block !important;
  flex: 0 0 372px !important;
  width: 372px !important;
  min-width: 372px !important;
  max-width: 372px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #d8d8d8 !important;
  border-right: 0 !important;
  border-radius: 14px 0 0 14px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 15px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

#top_search > .main_butt {
  display: none !important;
}

#top_search input.btn_search.responsive_butt {
  display: block !important;
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #e1251b !important;
  border: 1px solid #e1251b !important;
  border-radius: 0 14px 14px 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#top_search .box_text_search::after {
  content: "search";
  font-family: "Material Symbols Outlined";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  pointer-events: none;
  z-index: 5;
}

/* PROFILO */
#top_login_button {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top_login_button > a {
  width: 48px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #e1251b url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.8-4.2 4.5-6 8-6s6.2 1.8 8 6'/%3E%3C/svg%3E") center center / 25px 25px no-repeat !important;
  border: 1px solid #e1251b !important;
  border-radius: 13px !important;
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  box-sizing: border-box !important;
}

#top_login_button > a span,
#top_login_button > a::before,
#top_login_button > a::after {
  display: none !important;
  content: none !important;
}

/* CARRELLO */
#top_cart_button {
  width: auto !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top_cart_button > a {
  height: 46px !important;
  min-width: 98px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #e1251b !important;
  border: 1px solid #e1251b !important;
  border-radius: 13px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

#top_cart_button > a::before {
  content: "shopping_cart";
  font-family: "Material Symbols Outlined";
  font-size: 27px;
  line-height: 1;
  color: #fff;
}

#top_cart_button > a span {
  color: #fff !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* LINGUA */
#top_buttons_wrapper #top_languages {
  width: 52px !important;
  height: 46px !important;
  min-width: 52px !important;
  background: #e1251b !important;
  border: 1px solid #e1251b !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

#top_buttons_wrapper #top_languages .current {
  font-size: 0 !important;
  color: transparent !important;
  width: 20px !important;
  height: 13px !important;
  display: block !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.45) inset !important;
}

#top_buttons_wrapper #top_languages .current.it {
  background: linear-gradient(90deg, #009246 0 33.333%, #fff 33.333% 66.666%, #ce2b37 66.666% 100%) !important;
}

#top_buttons_wrapper #top_languages .current.en {
  background: #1f3f8f !important;
}

/* MENU DESKTOP */
#menu {
  background: #242424 !important;
  border-top: 1px solid #333 !important;
  border-bottom: 1px solid #333 !important;
  padding: 0 !important;
  width: 100% !important;
}

#menu > ul {
  display: flex !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

#menu > ul > li {
  flex: 1 1 0 !important;
  text-align: center !important;
}

#menu > ul > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  width: 100% !important;
  padding: 0 8px !important;
  color: #fff !important;
  background: transparent !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: clamp(15px, 1.15vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  border-right: 1px solid #555 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

#menu > ul > li.current > a,
#menu > ul > li > a:hover {
  background: #e1251b !important;
}

/* HOME */
#navBar,
#categoriesBoxes,
#staticPage > .wp:nth-of-type(3) {
  display: none !important;
}

body.index #colMid {
  width: 100% !important;
  display: block !important;
}

#mainTableContainer,
#mainTable,
#colMid,
#staticPage,
.flexVersion,
.wp,
.bigBox,
.boxColumns,
#mostImportantProducts,
#firstDownBox {
  background: #000 !important;
}

/* BANNER */
#staticPage > .wp:first-child {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 34px auto 42px auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

#staticPage > .wp:first-child img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 26px !important;
}

/* INTRO */
.introduzione {
  max-width: 1050px !important;
  margin: 5px auto !important;
  padding: 18px 18px !important;
  background: linear-gradient(135deg, #111 0%, #050505 60%, #240000 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.45) !important;
}

.introduzione h1 {
  color: #fff !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  margin: 0 0 16px !important;
}

.introduzione p {
  color: #ddd !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 auto !important;
}

/* TITOLI */
.titoli-prodotti {
  max-width: 1280px !important;
  margin: 42px auto 18px auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  box-sizing: border-box !important;
}

.titoli-prodotti h2 {
  color: #fff !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
}

.titoli-prodotti .pulsante2 {
  background: #e1251b !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 14px !important;
}

/* PRODOTTI */
#mostImportantProducts,
#firstDownBox {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px 34px 24px !important;
  box-sizing: border-box !important;
}

#mostImportantProducts > ul,
#firstDownBox > ul {
  background: #000 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 0 22px 0 !important;
}

#mostImportantProducts > ul > li.column,
#firstDownBox > ul > li.column {
  background: #fff !important;
  width: 280px !important;
  min-height: 390px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.45) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#mostImportantProducts li.column .imageLink,
#firstDownBox li.column .imageLink {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 230px !important;
  background: #fff !important;
}

#mostImportantProducts li.column img,
#firstDownBox li.column img {
  max-width: 190px !important;
  max-height: 220px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

#mostImportantProducts .details,
#firstDownBox .details {
  background: #fff !important;
  text-align: left !important;
  margin-top: 12px !important;
}

.mainPrice {
  color: #111 !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  margin: 0 !important;
}

.sIva {
  display: block !important;
  color: #555 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* MOBILE SEARCH BUTTON CREATO VIA JS */
.mobile-search-toggle {
  display: none;
}

/* MOBILE MENU BUTTON CREATO VIA JS */
.mobile-menu-toggle {
  display: none;
}

/* MOBILE */
@media (max-width: 780px) {


  #header_top_bar_wrapper,
  #header_top_bar_wrapper .header_top_bar,
  #header_top_bar_wrapper .header_top_bar li,
  #header_top_bar_wrapper #top_text,
  #header_top_bar_wrapper #top_text > div,
  .barra-alta-titans,
  .barra-alta-custom-mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .barra-alta-titans {
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 0 !important;
  }

  .barra-alta-custom-desktop {
    display: none !important;
  }

  .barra-alta-custom-mobile {
    background: #e1251b !important;
    color: #fff !important;
    text-align: center !important;
  }

  .barra-alta-custom-mobile .riga {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    font-family: "Barlow Condensed", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
  }

  .barra-alta-custom-mobile .material-symbols-outlined {
    font-size: 18px !important;
  }

  #top_buttons_wrapper .top_buttons {
    min-height: 0 !important;
    padding: 18px 14px 20px !important;
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    grid-template-areas:
      "logo logo logo logo"
      "search login cart lang" !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    background: #000 !important;
  }

  .box_logo {
    grid-area: logo !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  #logo,
  #header_responsive #logo {
    width: 72px !important;
    max-width: 72px !important;
  }

  .box_search {
    display: none !important;
  }

  .mobile-search-toggle {
    grid-area: search !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 46px !important;
    background: #e1251b !important;
    border: 1px solid #e1251b !important;
    border-radius: 13px !important;
    color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
  }

  .mobile-search-toggle .material-symbols-outlined {
    font-size: 27px !important;
    line-height: 1 !important;
  }

  #top_login_button {
    grid-area: login !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 46px !important;
  }

  #top_login_button > a {
    width: 52px !important;
    height: 46px !important;
  }

  #top_cart_button {
    grid-area: cart !important;
  }

  #top_cart_button > a {
    height: 46px !important;
    min-width: 96px !important;
  }

  #top_buttons_wrapper #top_languages {
    grid-area: lang !important;
    width: 52px !important;
    height: 46px !important;
  }

  body.mobile-search-open .box_search {
    display: block !important;
    position: fixed !important;
    top: 82px !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 100010 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.mobile-search-open #top_search,
  body.mobile-search-open #top_search .box_text_search {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 46px !important;
  }

  body.mobile-search-open #top_search .txt_search {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    border-radius: 14px 0 0 14px !important;
  }

  body.mobile-search-open #top_search .responsive_butt {
    display: block !important;
    flex: 0 0 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 46px !important;
    border-radius: 0 14px 14px 0 !important;
  }

  body.mobile-search-open::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 100000;
  }

  .mobile-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: calc(100% - 28px) !important;
    height: 42px !important;
    margin: 0 14px 14px !important;
    background: #242424 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    border-radius: 12px !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px !important;
    position: relative !important;
    z-index: 100002 !important;
  }

  .mobile-menu-toggle span,
  .mobile-menu-toggle span::before,
  .mobile-menu-toggle span::after {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    background: #fff !important;
    border-radius: 2px !important;
  }

  .mobile-menu-toggle span {
    position: relative !important;
  }

  .mobile-menu-toggle span::before {
    position: absolute !important;
    top: -6px !important;
    left: 0 !important;
  }

  .mobile-menu-toggle span::after {
    position: absolute !important;
    top: 6px !important;
    left: 0 !important;
  }

  #menu {
    display: none !important;
    position: relative !important;
    width: calc(100% - 28px) !important;
    margin: 0 14px 18px !important;
    padding: 8px !important;
    background: #111 !important;
    border: 1px solid #252525 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    z-index: 100002 !important;
  }

  body.mobile-menu-open #menu,
  #menu.show {
    display: block !important;
  }

  body.mobile-menu-open #menu > ul,
  #menu.show > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.mobile-menu-open #menu > ul > li,
  #menu.show > ul > li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu > ul > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    background: #1d1d1d !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  #menu > ul > li.current > a,
  #menu > ul > li > a:hover {
    background: #e1251b !important;
    color: #fff !important;
  }

  #webArea_1 > a::before,
  #webArea_9 > a::before,
  #webArea_10 > a::before,
  #webArea_8 > a::before,
  #webArea_11 > a::before,
  #webArea_12 > a::before,
  #webArea_2 > a::before {
    font-family: "Material Symbols Outlined";
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
  }

  #webArea_1 > a::before { content: "home"; }
  #webArea_9 > a::before { content: "palette"; }
  #webArea_10 > a::before { content: "air"; }
  #webArea_8 > a::before { content: "construction"; }
  #webArea_11 > a::before { content: "forest"; }
  #webArea_12 > a::before { content: "science"; }
  #webArea_2 > a::before { content: "bolt"; }

  body.mobile-menu-open::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.42) !important;
    z-index: 100001 !important;
    pointer-events: none !important;
  }

  #staticPage > .wp:first-child {
    margin: 18px auto 28px auto !important;
    padding: 0 12px !important;
  }

  #staticPage > .wp:first-child img {
    border-radius: 16px !important;
  }

  .introduzione {
    margin: 22px 12px !important;
    padding: 28px 20px !important;
    border-radius: 18px !important;
  }

  .introduzione h1 {
    font-size: 31px !important;
  }

  .introduzione p {
    font-size: 14px !important;
  }

  .titoli-prodotti {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 30px !important;
  }

  .titoli-prodotti h2 {
    font-size: 36px !important;
  }

  #mostImportantProducts,
  #firstDownBox {
    padding: 0 12px 28px !important;
  }

  #mostImportantProducts > ul,
  #firstDownBox > ul {
    gap: 14px !important;
  }

  #mostImportantProducts > ul > li.column,
  #firstDownBox > ul > li.column {
    width: calc(50% - 7px) !important;
    min-height: 330px !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  #mostImportantProducts li.column .imageLink,
  #firstDownBox li.column .imageLink {
    height: 190px !important;
  }

  #mostImportantProducts li.column img,
  #firstDownBox li.column img {
    max-width: 150px !important;
    max-height: 180px !important;
  }

}

@media (max-width: 480px) {

  #top_buttons_wrapper .top_buttons {
    padding: 14px 12px 16px !important;
    gap: 10px !important;
  }

  #logo,
  #header_responsive #logo {
    width: 64px !important;
    max-width: 64px !important;
  }

  #top_cart_button > a {
    min-width: 92px !important;
    padding: 0 11px !important;
  }

  #top_cart_button > a span {
    font-size: 17px !important;
  }

  #mostImportantProducts > ul > li.column,
  #firstDownBox > ul > li.column {
    width: 100% !important;
  }

}


/* LINGUA: PULSANTE QUADRATO + BANDIERA PROPORZIONATA */
#top_buttons_wrapper #top_languages {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 46px !important;
  padding: 0 !important;
  margin: 0 !important;

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

  background: #e1251b !important;
  border: 1px solid #e1251b !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
}

/* Nasconde eventuale testo */
#top_buttons_wrapper #top_languages .current,
#top_buttons_wrapper #top_languages span.it,
#top_buttons_wrapper #top_languages span.en {
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;

  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 15px !important;
  min-height: 15px !important;
  max-height: 15px !important;

  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;

  border-radius: 2px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset !important;
  background-size: 22px 15px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Bandiera Italia */
#top_buttons_wrapper #top_languages .current.it,
#top_buttons_wrapper #top_languages span.it {
  background: linear-gradient(
    90deg,
    #009246 0 33.333%,
    #fff 33.333% 66.666%,
    #ce2b37 66.666% 100%
  ) !important;
}

/* Bandiera UK semplificata */
#top_buttons_wrapper #top_languages .current.en,
#top_buttons_wrapper #top_languages span.en {
  background:
    linear-gradient(90deg, transparent 0 42%, #fff 42% 58%, transparent 58% 100%),
    linear-gradient(0deg, transparent 0 42%, #fff 42% 58%, transparent 58% 100%),
    #1f3f8f !important;
}
div#header_responsive > div#head > div#header_top_bar_wrapper > ul.header_top_bar > li#top_text > div > div.barra-alta-titans > div.barra-alta-custom-mobile:nth-of-type(2) > div.riga > span:nth-of-type(2) {
  font-weight: normal !important;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(2) > div.html_block.block-2 > section.introduzione > h1 {
  font-size: 20px !important;
  font-weight: bold !important;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(2) > div.html_block.block-2 > section.introduzione > p {
  font-size: 11px !important;
}


/* DESKTOP: DISATTIVA APERTURA SOTTOMENU MEGAMENU */
@media (min-width: 781px) {

  #megamenuLayer,
  #megamenuLayer .megamenuLayer,
  #megamenuLayer .megamenuLayerWrapper,
  #megamenuLayer .megamenuLayerContent,
  div[id^="mmLayer_webArea_"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #menu > ul > li:hover > a {
    background: #e1251b !important;
    color: #fff !important;
  }

}


/* =========================
   CAROUSEL PRODOTTI TITANS - COMPATTO
========================= */

.carousel_item,
.carousel_item[style] {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;

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

  background: #fff !important;
  border-radius: 18px !important;
  border: 1px solid #e6e6e6 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.35) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* immagine grande nella parte alta */
.carousel_item .imageLink {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 205px !important;
  margin: 0 !important;
  padding: 10px 12px 4px !important;

  background: #fff !important;
  box-sizing: border-box !important;
}

.carousel_item .imageLink img {
  max-width: 100% !important;
  max-height: 190px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* titolo subito sotto immagine */
.carousel_item .title {
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 6px 16px 8px !important;

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

  text-align: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.carousel_item .title a {
  color: #111 !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* dettagli subito sotto titolo */
.carousel_item .details {
  height: 167px !important;
  min-height: 167px !important;
  margin: 0 !important;
  padding: 12px 16px 14px !important;

  background: #fff !important;
  border-top: 1px solid #e2e2e2 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* disponibile */
.carousel_item .availability {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  margin: 0 0 10px !important;

  color: #168c35 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.carousel_item .availability::before {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  background: #168c35 !important;
  border-radius: 50% !important;
  display: block !important;
}

.carousel_item .availability .fullAV {
  color: #168c35 !important;
}

/* prezzo + iva */
.carousel_item .mainPrice {
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;

  margin: 0 0 10px !important;

  color: #111 !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
  line-height: 1 !important;
}

.carousel_item .mainPriceCurrency,
.carousel_item .mainPriceAmount {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #111 !important;
}

.carousel_item .sIva {
  display: inline !important;
  color: #555 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

/* form carrello */
.carousel_item .cart_form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.carousel_item .cart_form_quantity {
  width: 58px !important;
  min-width: 58px !important;
  height: 38px !important;

  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #111 !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 14px !important;
  text-align: center !important;
}

.carousel_item .butt1 {
  flex: 1 1 auto !important;
  height: 38px !important;
  min-width: 0 !important;

  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 9px !important;

  background: #e1251b !important;
  color: #fff !important;

  font-family: "Barlow Condensed", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;

  cursor: pointer !important;
  box-shadow: 0 6px 14px rgba(225,37,27,.28) !important;
}

@media (max-width: 780px) {

  .carousel_item,
  .carousel_item[style] {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
    margin: 0 6px !important;
    border-radius: 16px !important;
  }

  .carousel_item .imageLink {
    height: 170px !important;
    padding: 8px 10px 2px !important;
  }

  .carousel_item .imageLink img {
    max-height: 158px !important;
  }

  .carousel_item .title {
    height: 54px !important;
    min-height: 54px !important;
    padding: 4px 12px 8px !important;
  }

  .carousel_item .title a {
    font-size: 15px !important;
  }

  .carousel_item .details {
    height: 166px !important;
    min-height: 166px !important;
    padding: 10px 12px 12px !important;
  }

  .carousel_item .availability {
    font-size: 13px !important;
    margin-bottom: 9px !important;
  }

  .carousel_item .mainPriceCurrency,
  .carousel_item .mainPriceAmount {
    font-size: 24px !important;
  }

  .carousel_item .sIva {
    font-size: 10px !important;
  }

  .carousel_item .cart_form_quantity {
    width: 54px !important;
    min-width: 54px !important;
    height: 36px !important;
  }

  .carousel_item .butt1 {
    height: 36px !important;
    font-size: 16px !important;
  }

}

/* NASCONDE INTRODUZIONE SU MOBILE */
@media (max-width: 780px) {


  .introduzione {
    display: none !important;
  }


}


/* =========================================
   SOCIAL FOOTER TITANS
========================================= */

.iconline {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;

  padding: 24px 0 !important;
}

.iconline a {
  width: 54px !important;
  height: 54px !important;

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

  background: #1a1a1a !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;

  text-decoration: none !important;

  transition: .22s ease !important;
}

.iconline a:hover {
  background: #e1251b !important;

  transform: translateY(-3px) !important;

  box-shadow: 0 10px 24px rgba(225,37,27,.35) !important;
}

.iconline .material-symbols-outlined {
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

/* MOBILE */
@media (max-width: 780px) {


  .iconline {
    gap: 12px !important;
    padding: 18px 0 24px !important;
  }

  .iconline a {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
  }

  .iconline .material-symbols-outlined {
    font-size: 24px !important;
  }

}
div#menu > ul > li#webArea_1 > a {
  font-weight: normal !important;
}
div#menu > ul > li#webArea_9 > a {
  font-weight: normal !important;
}
div#menu > ul > li#webArea_10 > a {
  font-weight: normal !important;
}
div#menu > ul > li#webArea_8 > a {
  font-weight: normal !important;
}
div#menu > ul > li#webArea_11 > a {
  font-weight: normal !important;
}
div#menu > ul > li#webArea_12 > a {
  font-weight: normal !important;
}
div#menu > ul > li#webArea_2 > a {
  font-weight: normal !important;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(8) > div.html_block.block-8 > div > p:nth-of-type(1) {
  color: #858585 !important;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(8) > div.html_block.block-8 > div > p:nth-of-type(2) {
  color: #858585 !important;
}
div#mainTableContainer > div > div > div.flexVersion > div.wp > div.carousel > div.carousel_wp > ul > li.carousel_item > div.details > form.cart_form > input.butt1 {
  font-weight: normal !important;
}
div#mainTableContainer > div > div > div.flexVersion > div.wp > div.carousel > div.carousel_wp > ul > li.carousel_item > div.details > form.cart_form_disabled > input.butt1 {
  font-weight: normal !important;
}


/* ===== SFONDO NERO AREA CENTRALE ===== */
#colMid {
  background: #000000 !important;
  padding: 32px 22px !important;
  box-sizing: border-box !important;
}

/* Breadcrumb fuori dalla box, su sfondo nero */
#navBar,
#breadcrumbs {
  background: transparent !important;
}

/* ===== BOX BIANCA SOLO AREA PRODOTTO ===== */
#sheetBox {
  background: #ffffff !important;
  border-radius: 26px !important;
  padding: 28px !important;
  margin: 0 auto 34px auto !important;
  border: 1px solid #eeeeee !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.28) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Tutti i blocchi interni devono rimanere trasparenti */
#sm-header,
#sheetBoxTopDetails,
#sm-trust-strip,
#sm-bottom-row,
#sheetProductBoxes {
  background: transparent !important;
}


#sheetProductBoxes:empty {
  display: none !important;
}

#sheetProductBoxes {
  margin-top: 24px !important;
}

/* Footer e parte sotto NON dentro la box bianca */
#foot_top_html,
#footer_custom_els_container,
#foot,
#bottomElements,
.cookie-controls {
  background: #000000 !important;
}

/* Mobile */
@media (max-width: 768px) {

  #colMid {
    padding: 16px 10px !important;
  }

  #sheetBox {
    padding: 18px !important;
    border-radius: 18px !important;
    margin-bottom: 24px !important;
  }

}


   TITANS HOBBY - PATCH SICURA
 


/*==========================================
   1. ANTEPRIMA PRODOTTO
==========================================*/

#colMid > ul[data-columns] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  gap: 22px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  background: transparent !important;
}

#colMid > ul[data-columns] > li.row {
  display: flex !important;
  flex-direction: column !important;

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

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

  background: #fff !important;
  border: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;

  box-shadow: 0 10px 26px rgba(0,0,0,.18) !important;
}

/* Immagine prodotto */
#colMid > ul[data-columns] > li.row > a.imageLink {
  position: relative !important;
  display: block !important;

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

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

  background: #fff !important;
  border: 0 !important;
  overflow: hidden !important;
}

#colMid > ul[data-columns] > li.row > a.imageLink img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  width: auto !important;
  height: auto !important;
  max-width: 84% !important;
  max-height: 170px !important;

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

  object-fit: contain !important;
  transform: translate(-50%, -50%) !important;
}

/* Titolo: massimo 2 righe */
#colMid > ul[data-columns] > li.row > h2.title {
  min-height: 62px !important;

  margin: 0 !important;
  padding: 14px 16px 8px !important;

  background: #fff !important;
  border-top: 1px solid #ededed !important;
  text-align: left !important;
}

#colMid > ul[data-columns] > li.row > h2.title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;

  color: #111 !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  text-transform: none !important;
  text-decoration: none !important;
}

#colMid > ul[data-columns] > li.row > h2.title a:hover {
  color: #e52420 !important;
}

/* Nasconde descrizione estesa */
#colMid > ul[data-columns] > li.row > p.product,
#colMid > ul[data-columns] > li.row > p.description {
  display: none !important;
}

/* Meta prodotto: badge codice rosso pallido + marca discreta */
#colMid > ul[data-columns] > li.row > dl {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;

  margin: 0 !important;
  padding: 0 16px 14px !important;

  background: #fff !important;
  border: 0 !important;
}

#colMid > ul[data-columns] > li.row > dl dt {
  display: none !important;
}

#colMid > ul[data-columns] > li.row > dl dd {
  margin: 0 !important;
  padding: 0 !important;
}

#colMid > ul[data-columns] > li.row > dl dd.code {
  display: inline-flex !important;
  align-items: center !important;

  max-width: 130px !important;
  padding: 6px 11px !important;

  background: #ffecec !important;
  border: 1px solid #ffc9c9 !important;
  border-radius: 999px !important;

  color: #b91c1c !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#colMid > ul[data-columns] > li.row > dl dd.T9,
#colMid > ul[data-columns] > li.row > dl dd.T9 a {
  color: #555 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Area prezzo/carrello */
#colMid > ul[data-columns] > li.row > .details {
  margin-top: auto !important;
  padding: 15px 16px 16px !important;

  background: #f6f6f6 !important;
  border-top: 1px solid #ececec !important;
}

#colMid > ul[data-columns] > li.row > .details > strong {
  display: none !important;
}

/* Disponibilità */
#colMid > ul[data-columns] > li.row .availability {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

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

  color: #159947 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#colMid > ul[data-columns] > li.row .availability strong {
  display: none !important;
}

#colMid > ul[data-columns] > li.row .availability::before {
  content: "" !important;

  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;

  background: #159947 !important;
  border-radius: 50% !important;
}

#colMid > ul[data-columns] > li.row .availability:has(.noAV)::before {
  background: #d71920 !important;
}

#colMid > ul[data-columns] > li.row .fullAV {
  color: #159947 !important;
}

#colMid > ul[data-columns] > li.row .halfAV {
  color: #ff8a00 !important;
}

#colMid > ul[data-columns] > li.row .noAV {
  color: #d71920 !important;
}

/* Prezzo */
#colMid > ul[data-columns] > li.row .mainPrice {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 4px 5px !important;

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

  color: #111 !important;
  line-height: 1 !important;
  white-space: normal !important;
}

#colMid > ul[data-columns] > li.row .mainPriceCurrency {
  color: #111 !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#colMid > ul[data-columns] > li.row .mainPriceAmount {
  color: #111 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
}

#colMid > ul[data-columns] > li.row .sIva {
  width: 100% !important;

  color: #777 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

/* Form carrello */
#colMid > ul[data-columns] > li.row .cart_form,
#colMid > ul[data-columns] > li.row .cart_form_disabled {
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;

  width: 100% !important;

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

#colMid > ul[data-columns] > li.row .cart_form label {
  margin: 0 !important;
  padding: 0 !important;
}

#colMid > ul[data-columns] > li.row .cart_form_quantity {
  width: 68px !important;
  height: 44px !important;

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

  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;

  color: #111 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

#colMid > ul[data-columns] > li.row input.butt1,
#colMid > ul[data-columns] > li.row .butt1 {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;

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

  background: #e52420 !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(229,36,32,.22) !important;

  color: #fff !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
}

#colMid > ul[data-columns] > li.row input.butt1:hover,
#colMid > ul[data-columns] > li.row .butt1:hover {
  background: #c91f1c !important;
}

#colMid > ul[data-columns] > li.row .cart_form_disabled {
  opacity: .55 !important;
}

#colMid > ul[data-columns] > li.row .cart_form_disabled input.butt1,
#colMid > ul[data-columns] > li.row .cart_form_disabled .butt1 {
  background: #aaa !important;
  box-shadow: none !important;
}


/* Categorie */


/* Limite visivo, per evitare una colonna infinita */


/* Pulsante "Apri" generato sul link del titolo */


/*=========================================
   4. RESPONSIVE
==========================================*/

@media screen and (max-width: 1100px) {

  #colMid > ul[data-columns] {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }

}

@media screen and (max-width: 760px) {

  #colMid > ul[data-columns] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #colMid > ul[data-columns] > li.row {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    grid-template-areas:
      "img title"
      "img meta"
      "img details" !important;
    column-gap: 10px !important;
    row-gap: 6px !important;

    padding: 10px !important;
    border-radius: 16px !important;
  }

  #colMid > ul[data-columns] > li.row > a.imageLink {
    grid-area: img !important;

    width: 96px !important;
    height: 128px !important;
    align-self: start !important;

    border-radius: 12px !important;
  }

  #colMid > ul[data-columns] > li.row > a.imageLink img {
    max-width: 92px !important;
    max-height: 118px !important;
  }

  #colMid > ul[data-columns] > li.row > h2.title {
    grid-area: title !important;

    min-height: 0 !important;
    padding: 0 !important;

    border-top: 0 !important;
  }

  #colMid > ul[data-columns] > li.row > h2.title a {
    font-size: 16px !important;
    line-height: 1.1 !important;
    -webkit-line-clamp: 3 !important;
  }

  #colMid > ul[data-columns] > li.row > dl {
    grid-area: meta !important;

    padding: 0 !important;
    gap: 6px !important;
  }

  #colMid > ul[data-columns] > li.row > dl dd.code {
    max-width: 90px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }

  #colMid > ul[data-columns] > li.row > dl dd.T9,
  #colMid > ul[data-columns] > li.row > dl dd.T9 a {
    font-size: 11px !important;
  }

  #colMid > ul[data-columns] > li.row > .details {
    grid-area: details !important;

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

    border-top: 0 !important;
    border-radius: 12px !important;
  }

  #colMid > ul[data-columns] > li.row .availability {
    margin-bottom: 7px !important;
    font-size: 13px !important;
  }

  #colMid > ul[data-columns] > li.row .mainPrice {
    margin-bottom: 9px !important;
  }

  #colMid > ul[data-columns] > li.row .mainPriceCurrency {
    font-size: 17px !important;
  }

  #colMid > ul[data-columns] > li.row .mainPriceAmount {
    font-size: 28px !important;
  }

  #colMid > ul[data-columns] > li.row .sIva {
    font-size: 10px !important;
  }

  #colMid > ul[data-columns] > li.row .cart_form,
  #colMid > ul[data-columns] > li.row .cart_form_disabled {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  #colMid > ul[data-columns] > li.row .cart_form_quantity {
    width: 54px !important;
    height: 38px !important;
    font-size: 14px !important;
  }

  #colMid > ul[data-columns] > li.row input.butt1,
  #colMid > ul[data-columns] > li.row .butt1 {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 14px !important;
  }

  

}

@media screen and (max-width: 420px) {

  #colMid > ul[data-columns] > li.row {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 8px !important;
  }

  #colMid > ul[data-columns] > li.row > a.imageLink {
    width: 82px !important;
    height: 118px !important;
  }

  #colMid > ul[data-columns] > li.row > a.imageLink img {
    max-width: 80px !important;
    max-height: 108px !important;
  }

  #colMid > ul[data-columns] > li.row > h2.title a {
    font-size: 15px !important;
  }

  #colMid > ul[data-columns] > li.row .mainPriceAmount {
    font-size: 25px !important;
  }

  #colMid > ul[data-columns] > li.row input.butt1,
  #colMid > ul[data-columns] > li.row .butt1 {
    font-size: 13px !important;
  }

}


/* Limita il numero di prodotti visibili */


/*==========================================
   2. PRODOTTI CONSIGLIATI CENTRALI
==========================================*/

div#colMid > div#mostImportantProducts {
  width: 100% !important;
  max-width: 100% !important;

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

  background: transparent !important;
  border: 0 !important;
}

/* Titolo sezione */
div#colMid > div#mostImportantProducts > h2.boxTitle,
div#colMid > div#mostImportantProducts > #mostImportantProducts_Title {
  margin: 0 0 18px !important;
  padding: 16px 22px 15px !important;

  background: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  text-align: left !important;
}

div#colMid > div#mostImportantProducts > h2.boxTitle span,
div#colMid > div#mostImportantProducts > h2.boxTitle a,
div#colMid > div#mostImportantProducts > #mostImportantProducts_Title span,
div#colMid > div#mostImportantProducts > #mostImportantProducts_Title a {
  color: #6b360b !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Card consigliato centrale */
div#colMid > div#mostImportantProducts > div.item,
div#colMid > div#mostImportantProducts > div.firstElement {
  display: grid !important;
  grid-template-columns: 94px minmax(0, 1fr) auto !important;
  grid-template-areas:
    "img title button"
    "img brand button" !important;

  column-gap: 16px !important;
  row-gap: 8px !important;
  align-items: center !important;

  min-height: 112px !important;

  margin: 0 0 16px !important;
  padding: 14px 16px !important;

  background: #fff !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

/* Foto centrale piccola */
div#colMid > div#mostImportantProducts > div.item > a.imageLink,
div#colMid > div#mostImportantProducts > div.firstElement > a.imageLink {
  grid-area: img !important;

  position: relative !important;
  display: block !important;

  width: 94px !important;
  height: 84px !important;
  min-width: 94px !important;
  min-height: 84px !important;
  max-width: 94px !important;
  max-height: 84px !important;

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

  background: #fff !important;
  border: 1px solid #eeeeee !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

div#colMid > div#mostImportantProducts > div.item > a.imageLink img,
div#colMid > div#mostImportantProducts > div.firstElement > a.imageLink img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  width: auto !important;
  height: auto !important;
  max-width: 82px !important;
  max-height: 72px !important;

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

  object-fit: contain !important;
  transform: translate(-50%, -50%) !important;
}

/* Titolo centrale */
div#colMid > div#mostImportantProducts > div.item > h2.title,
div#colMid > div#mostImportantProducts > div.firstElement > h2.title {
  grid-area: title !important;

  min-height: 0 !important;

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

  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
}

div#colMid > div#mostImportantProducts > div.item > h2.title > a,
div#colMid > div#mostImportantProducts > div.firstElement > h2.title > a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;

  color: #111 !important;
  font-size: 20px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  text-transform: none !important;
  text-decoration: none !important;
}

/* Usa il prezzo come riga secondaria, se presente */
div#colMid > div#mostImportantProducts > div.item > h3.mainPrice,
div#colMid > div#mostImportantProducts > div.firstElement > h3.mainPrice {
  grid-area: brand !important;

  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;

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

  color: #111 !important;
  line-height: 1 !important;
}

div#colMid > div#mostImportantProducts > div.item .mainPriceCurrency,
div#colMid > div#mostImportantProducts > div.firstElement .mainPriceCurrency {
  font-size: 16px !important;
  font-weight: 900 !important;
}

div#colMid > div#mostImportantProducts > div.item .mainPriceAmount,
div#colMid > div#mostImportantProducts > div.firstElement .mainPriceAmount {
  font-size: 22px !important;
  font-weight: 900 !important;
}

div#colMid > div#mostImportantProducts > div.item .sIva,
div#colMid > div#mostImportantProducts > div.firstElement .sIva {
  display: none !important;
}

/* Pulsante Apri centrale */
div#colMid > div#mostImportantProducts > div.item::after,
div#colMid > div#mostImportantProducts > div.firstElement::after {
  content: "Apri" !important;

  grid-area: button !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 82px !important;
  height: 40px !important;

  background: #e52420 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 16px rgba(229,36,32,.22) !important;

  color: #fff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}


/*=========================================
   3. RESPONSIVE
 =========================================*/

@media screen and (max-width: 760px) {

  div#colMid > div#mostImportantProducts > h2.boxTitle,
  div#colMid > div#mostImportantProducts > #mostImportantProducts_Title {
    padding: 13px 16px 12px !important;
    border-radius: 14px !important;
  }

  div#colMid > div#mostImportantProducts > h2.boxTitle span,
  div#colMid > div#mostImportantProducts > h2.boxTitle a,
  div#colMid > div#mostImportantProducts > #mostImportantProducts_Title span,
  div#colMid > div#mostImportantProducts > #mostImportantProducts_Title a {
    font-size: 22px !important;
  }

  div#colMid > div#mostImportantProducts > div.item,
  div#colMid > div#mostImportantProducts > div.firstElement {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-areas:
      "img title"
      "img brand"
      "img button" !important;

    column-gap: 11px !important;
    min-height: 96px !important;

    padding: 11px !important;
    border-radius: 16px !important;
  }

  div#colMid > div#mostImportantProducts > div.item > a.imageLink,
  div#colMid > div#mostImportantProducts > div.firstElement > a.imageLink {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
  }

  div#colMid > div#mostImportantProducts > div.item > a.imageLink img,
  div#colMid > div#mostImportantProducts > div.firstElement > a.imageLink img {
    max-width: 62px !important;
    max-height: 62px !important;
  }

  div#colMid > div#mostImportantProducts > div.item > h2.title > a,
  div#colMid > div#mostImportantProducts > div.firstElement > h2.title > a {
    font-size: 15px !important;
    -webkit-line-clamp: 2 !important;
  }

  div#colMid > div#mostImportantProducts > div.item::after,
  div#colMid > div#mostImportantProducts > div.firstElement::after {
    width: 58px !important;
    height: 26px !important;

    font-size: 10px !important;
    box-shadow: none !important;
  }

}


/*==========================================
   1. CONTENITORE SEZIONE
==========================================*/

div.bigBox#mostImportantProducts {
  width: 100% !important;
  max-width: 100% !important;

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

  background: transparent !important;
  border: 0 !important;
}

div.bigBox#mostImportantProducts > h2.boxTitle,
div.bigBox#mostImportantProducts > #mostImportantProducts_Title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

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

  background: transparent !important;
  border: 0 !important;
}

div.bigBox#mostImportantProducts > h2.boxTitle span,
div.bigBox#mostImportantProducts > h2.boxTitle a,
div.bigBox#mostImportantProducts > #mostImportantProducts_Title span,
div.bigBox#mostImportantProducts > #mostImportantProducts_Title a {
  color: #ffffff !important;
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  letter-spacing: .3px !important;
}


/*==========================================
   2. GRIGLIA CARD
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(240px, 1fr)) !important;
  gap: 22px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;

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

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

  background: #ffffff !important;
  border: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;

  box-shadow: 0 14px 34px rgba(0,0,0,.20) !important;
}


/*=========================================
   3. IMMAGINE + BADGE CODICE
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink {
  position: relative !important;
  display: block !important;

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

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

  background: #ffffff !important;
  border: 0 !important;
  overflow: hidden !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 42px) !important;
  max-height: 195px !important;

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

  object-fit: contain !important;
  transform: translate(-50%, -50%) !important;
}

/* metadata sotto immagine ma con badge codice visivo */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row > dl {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 2 !important;

  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;

  width: auto !important;
  max-width: calc(100% - 32px) !important;

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

  background: transparent !important;
  border: 0 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > dl dt {
  display: none !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > dl dd {
  margin: 0 !important;
  padding: 0 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > dl dd.code {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;
  max-width: 110px !important;

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

  background: #eef1f4 !important;
  border: 1px solid #d3dbe4 !important;
  border-radius: 999px !important;

  color: #4f5c6b !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > dl dd.T9 {
  display: none !important;
}


/*==========================================
   4. TITOLO
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title {
  min-height: 86px !important;

  margin: 0 !important;
  padding: 10px 22px 16px !important;

  background: #ffffff !important;
  border-top: 0 !important;
  border-bottom: 1px solid #ececec !important;
  text-align: left !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title > a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;

  color: #161616 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title > a:hover {
  color: #e52420 !important;
}

/* nasconde descrizione */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row > p.product,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row > p.description {
  display: none !important;
}


/*==========================================
   5. BOX DETTAGLI
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > div.details {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;

  margin-top: auto !important;
  padding: 16px 22px 20px !important;

  background: #ffffff !important;
  border: 0 !important;
}

/* disponibilità */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .availability {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

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

  color: #1f9a43 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .availability strong {
  display: none !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .availability::before {
  content: "" !important;

  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;

  border-radius: 50% !important;
  background: #1f9a43 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .availability:has(.noAV)::before {
  background: #d71920 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .fullAV {
  color: #1f9a43 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .halfAV {
  color: #f09014 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .noAV {
  color: #d71920 !important;
}

/* nasconde etichetta "Prezzo:" */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row > div.details > strong {
  display: none !important;
}

/* prezzo */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPrice {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;

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

  color: #111 !important;
  line-height: 1 !important;
  white-space: normal !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceCurrency {
  color: #111 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceAmount {
  color: #111 !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .sIva {
  color: #707070 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* riga acquisto */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_quantity {
  width: 78px !important;
  height: 48px !important;

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

  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 12px !important;

  color: #161616 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-align: center !important;

  box-shadow: none !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row input.butt1,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .butt1 {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;

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

  background: #f0281d !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 18px rgba(240,40,29,.20) !important;

  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row input.butt1:hover,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .butt1:hover {
  background: #d91f16 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled {
  opacity: .55 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled input.butt1,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled .butt1 {
  background: #b4b4b4 !important;
  box-shadow: none !important;
}


/*==========================================
   6. RESPONSIVE
==========================================*/

@media screen and (max-width: 1400px) {

  div.bigBox#mostImportantProducts > ul[data-columns] {
    grid-template-columns: repeat(3, minmax(240px, 1fr)) !important;
  }

}

@media screen and (max-width: 1040px) {

  div.bigBox#mostImportantProducts > ul[data-columns] {
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  }

}

@media screen and (max-width: 720px) {

  div.bigBox#mostImportantProducts > ul[data-columns] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row {
    border-radius: 20px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink {
    height: 210px !important;
    padding: 16px 16px 6px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink img {
    max-height: 170px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title {
    min-height: 0 !important;
    padding: 8px 18px 14px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title > a {
    font-size: 17px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > div.details {
    gap: 10px !important;
    padding: 14px 18px 18px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceCurrency {
    font-size: 22px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceAmount {
    font-size: 34px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled {
    grid-template-columns: 70px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_quantity {
    width: 70px !important;
    height: 44px !important;
    border-radius: 11px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row input.butt1,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .butt1 {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 17px !important;
    border-radius: 13px !important;
  }

}

@media screen and (max-width: 420px) {

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title > a {
    font-size: 16px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .availability {
    font-size: 14px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceCurrency {
    font-size: 19px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceAmount {
    font-size: 30px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .sIva {
    font-size: 11px !important;
    white-space: normal !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_quantity {
    width: 64px !important;
    height: 42px !important;
    font-size: 15px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row input.butt1,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .butt1 {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 16px !important;
  }

}


/*==========================================
FIX CARD PRODOTTO - SPAZI, IMMAGINE, BOTTONE
==========================================*/


/* Card leggermente piu compatta */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 24px !important;
}


/*==========================================
   IMMAGINE PIU CENTRATA E MENO ALTA
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink {
  height: 225px !important;
  padding: 16px 18px 4px !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink img {
  top: 52% !important;
  left: 50% !important;

  max-width: calc(100% - 50px) !important;
  max-height: 178px !important;

  object-fit: contain !important;
  transform: translate(-50%, -50%) !important;
}


/*==========================================
   TITOLO: MENO SPAZIO VERTICALE
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title {
  min-height: 66px !important;
  height: 66px !important;

  margin: 0 !important;
  padding: 6px 22px 10px !important;

  display: flex !important;
  align-items: flex-start !important;

  border-bottom: 1px solid #ececec !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title > a {
  -webkit-line-clamp: 2 !important;

  font-size: 18px !important;
  line-height: 1.12 !important;
}


/*==========================================
   AREA DETTAGLI PIU VICINA AL TITOLO
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] > li.row > div.details {
  gap: 9px !important;

  margin-top: 0 !important;
  padding: 14px 22px 20px !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .availability {
  margin: 0 !important;
  font-size: 16px !important;
}


/* Prezzo più compatto ma forte */
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPrice {
  margin: 0 !important;
  gap: 4px 7px !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceCurrency {
  font-size: 25px !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .mainPriceAmount {
  font-size: 40px !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .sIva {
  display: block !important;
  width: 100% !important;
  margin-top: -2px !important;
}


/*==========================================
   BOTTONE AGGIUNGI NON TAGLIATO
==========================================*/

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled {
  display: grid !important;
  grid-template-columns: 72px minmax(140px, 1fr) !important;
  gap: 12px !important;

  width: 100% !important;
  max-width: 100% !important;

  overflow: visible !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form label,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled label {
  display: block !important;
  width: 72px !important;
  min-width: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_quantity {
  width: 72px !important;
  min-width: 72px !important;
  height: 48px !important;

  border-radius: 12px !important;
}

div.bigBox#mostImportantProducts > ul[data-columns] > li.row input.butt1,
div.bigBox#mostImportantProducts > ul[data-columns] > li.row .butt1 {
  display: block !important;

  width: 100% !important;
  min-width: 140px !important;
  max-width: none !important;

  height: 48px !important;
  min-height: 48px !important;

  padding: 0 18px !important;

  border-radius: 14px !important;

  font-size: 18px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}


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

@media screen and (max-width: 720px) {

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink {
    height: 190px !important;
    padding: 14px 16px 2px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > a.imageLink img {
    top: 52% !important;
    max-height: 152px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title {
    height: auto !important;
    min-height: 52px !important;

    padding: 4px 18px 10px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > h2.title > a {
    font-size: 17px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row > div.details {
    padding: 12px 18px 18px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled {
    grid-template-columns: 68px minmax(130px, 1fr) !important;
    gap: 10px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form label,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled label,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_quantity {
    width: 68px !important;
    min-width: 68px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row input.butt1,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .butt1 {
    min-width: 130px !important;
    font-size: 17px !important;
  }

}


/* Mobile stretto: bottone sotto, così non viene mai tagliato */
@media screen and (max-width: 420px) {

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form label,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_disabled label,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .cart_form_quantity {
    width: 64px !important;
    min-width: 64px !important;
  }

  div.bigBox#mostImportantProducts > ul[data-columns] > li.row input.butt1,
  div.bigBox#mostImportantProducts > ul[data-columns] > li.row .butt1 {
    min-width: 0 !important;
    width: 100% !important;

    padding: 0 12px !important;

    font-size: 15px !important;
  }

}


/*==========================================
   TITANS HOBBY - SEARCH BOX DEFINITIVA
==========================================*/

div#mainSearchFormBox,
div#mainSearchFormBox * {
  box-sizing: border-box !important;
}

div#mainSearchFormBox.mainSearchForm {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 30px !important;
  padding: 24px !important;

  background: #fff !important;
  border-radius: 26px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;

  overflow: hidden !important;
}

/* titolo */
div#mainSearchFormBox_Title {
  margin: 0 0 18px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

div#mainSearchFormBox_Title span {
  display: block !important;

  color: #7a3d0b !important;
  font-size: clamp(30px,3vw,44px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

/* FORM */
form#mainSearchForm_frm {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

/* label */
form#mainSearchForm_frm > label {
  flex: 0 0 auto !important;

  margin: 0 !important;

  color: #111 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

/* input */
form#mainSearchForm_frm input[name="cmdString"] {
  flex: 1 1 auto !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 56px !important;

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

  background: #f7f7f7 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 18px !important;

  color: #111 !important;
  font-size: 18px !important;
  font-weight: 700 !important;

  outline: none !important;
}

form#mainSearchForm_frm input[name="cmdString"]:focus {
  border-color: #e52420 !important;
  box-shadow: 0 0 0 4px rgba(229,36,32,.12) !important;
}

/* NASCONDE FILTRI */
#mainSearchFormButton {
  display: none !important;
}

/* NASCONDE PARAMS */
#paramsFormblock {
  display: none !important;
}

/* PULSANTE SEARCH */
form#mainSearchForm_frm input.butt1 {
  flex: 0 0 58px !important;

  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 56px !important;

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

  background-color: #e52420 !important;

  background-image:
    radial-gradient(circle at 24px 23px,
    transparent 0 8px,
    #fff 8px 11px,
    transparent 11px),
    linear-gradient(45deg,
    transparent 0 45%,
    #fff 45% 58%,
    transparent 58%) !important;

  background-repeat: no-repeat !important;
  background-size: 48px 48px, 30px 30px !important;
  background-position: 4px 2px, 25px 25px !important;

  border: 0 !important;
  border-radius: 18px !important;

  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;

  cursor: pointer !important;
}

form#mainSearchForm_frm input.butt1:hover {
  background-color: #c91f1c !important;
}

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

@media screen and (max-width: 900px) {


  div#mainSearchFormBox.mainSearchForm {
    padding: 18px !important;
  }

  form#mainSearchForm_frm > label {
    display: none !important;
  }

  form#mainSearchForm_frm input[name="cmdString"] {
    height: 54px !important;
    font-size: 17px !important;
  }

  form#mainSearchForm_frm input.butt1 {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 54px !important;
  }

}

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

@media screen and (max-width: 480px) {


  div#mainSearchFormBox.mainSearchForm {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  div#mainSearchFormBox_Title span {
    font-size: 24px !important;
  }

  form#mainSearchForm_frm {
    gap: 8px !important;
  }

  form#mainSearchForm_frm input[name="cmdString"] {
    height: 50px !important;
    padding: 0 14px !important;

    border-radius: 14px !important;

    font-size: 16px !important;
  }

  form#mainSearchForm_frm input.butt1 {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;

    border-radius: 14px !important;

    background-size: 43px 43px, 26px 26px !important;
    background-position: 3px 2px, 22px 23px !important;
  }

}






























/* =========================
   ALLINEAMENTO CONTENUTI AL MENU
   tutto compreso tra le due barre verdi
========================= */

#colMid {
  max-width: 1230px !important;
  width: calc(100% - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Box ricerca avanzata */
#mainSearchFormBox,
#sheetBox {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Fasce e blocchi dentro la pagina */
#staticPage,
#staticPage > .wp,
.flexVersion,
.flexVersion > .wp,
.bigBox,
.boxColumns,
#mostImportantProducts,
#firstDownBox {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Liste prodotti: non devono uscire dal contenitore */
#colMid > ul[data-columns],
#mostImportantProducts > ul,
#firstDownBox > ul,
.carousel_wp,
.carousel_wp > ul {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile: margine più piccolo */
@media (max-width: 780px) {
  #colMid {
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }
}


/* =====================================================
   PATCH DEFINITIVA: LARGHEZZA PAGINA TRA HOME E NOVITÀ
===================================================== */

body #mainTableContainer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body #mainTable {
  width: 1232px !important;
  max-width: calc(100% - 232px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body #colMid {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Tutti i blocchi principali dentro la colonna centrale */
body #colMid > * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Box bianchi e sezioni prodotto */
body #sheetBox,
body #mainSearchFormBox,
body #mostImportantProducts,
body #firstDownBox,
body #staticPage,
body #staticPage > .wp,
body .flexVersion,
body .flexVersion > .wp,
body .bigBox,
body .boxColumns {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Liste prodotti dentro al limite */
body #mostImportantProducts > ul,
body #firstDownBox > ul,
body #colMid > ul[data-columns],
body .carousel_wp,
body .carousel_wp > ul {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile/tablet: margine più piccolo */
@media (max-width: 900px) {
  body #mainTable {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(1) > div.html_block.block-1 > div.titans-hero-panel > div.titans-hero-inner > h1.titans-hero-title {
  color: #ffffff !important;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(5) > div.html_block.block-5 > div.titans-origin-panel > div.titans-origin-inner > h2.titans-origin-title {
  font-size: 20
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(1) > div.html_block.block-1 > div.titans-hero-panel > div.titans-hero-inner > h1.titans-hero-title {
  font-size: 20px;
}

div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(1) > div.html_block.block-1 > div.titans-hero-panel > div.titans-hero-inner > h1.titans-hero-title {
  font-size: 20px;
}

px;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(5) > div.html_block.block-5 > div.titans-origin-panel > div.titans-origin-inner > h2.titans-origin-title {
  font-size: 20px;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(7) > div.html_block.block-7 > section.titans-values-block > div.titans-values-inner > div.titans-values-header:nth-of-type(1) > h2.titans-values-title {
  font-size: 20px;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(9) > div.html_block.block-9 > div.titans-research-panel > div.titans-research-inner > h2.titans-research-title {
  font-size: 20px;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(13) > div.html_block.block-13 > div.titans-community-panel > div.titans-community-inner > h2.titans-community-title {
  font-size: 20px;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(15) > div.html_block.block-15 > div.titans-catalog-panel > div.titans-catalog-inner > h2.titans-catalog-title {
  font-size: 20px;
}
div#mainTableContainer > div#mainTable > div#colMid > div#staticPage > div.wp:nth-of-type(17) > div.html_block.block-17 > div.titans-world-panel > div.titans-world-inner > h2.titans-world-title {
  font-size: 20px;
}