:root {
  --giallo: #F3D92E;
  --nero: #000000;
  --grigio: #959595;
  --verde: #5BBF0D;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Black.woff2') format('woff2'),
    url('../fonts/SourceSansPro-Black.woff') format('woff'),
    url('../fonts/SourceSansPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Italic.woff2') format('woff2'),
    url('../fonts/SourceSansPro-Italic.woff') format('woff'),
    url('../fonts/SourceSansPro-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
    url('../fonts/SourceSansPro-Bold.woff') format('woff'),
    url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-BlackItalic.woff2') format('woff2'),
    url('../fonts/SourceSansPro-BlackItalic.woff') format('woff'),
    url('../fonts/SourceSansPro-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
    url('../fonts/SourceSansPro-BoldItalic.woff') format('woff'),
    url('../fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
    url('../fonts/SourceSansPro-ExtraLightItalic.woff') format('woff'),
    url('../fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
    url('../fonts/SourceSansPro-ExtraLight.woff') format('woff'),
    url('../fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/SourceSansPro-SemiBoldItalic.woff') format('woff'),
    url('../fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
    url('../fonts/SourceSansPro-Light.woff') format('woff'),
    url('../fonts/SourceSansPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
    url('../fonts/SourceSansPro-LightItalic.woff') format('woff'),
    url('../fonts/SourceSansPro-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
    url('../fonts/SourceSansPro-Regular.woff') format('woff'),
    url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
    url('../fonts/SourceSansPro-SemiBold.woff') format('woff'),
    url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-Bold.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-Bold.woff') format('woff'),
    url('../fonts/EuclidCircularA-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-LightItalic.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-LightItalic.woff') format('woff'),
    url('../fonts/EuclidCircularA-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-MediumItalic.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-MediumItalic.woff') format('woff'),
    url('../fonts/EuclidCircularA-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-Light.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-Light.woff') format('woff'),
    url('../fonts/EuclidCircularA-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-BoldItalic.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-BoldItalic.woff') format('woff'),
    url('../fonts/EuclidCircularA-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-Italic.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-Italic.woff') format('woff'),
    url('../fonts/EuclidCircularA-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-Regular.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-Regular.woff') format('woff'),
    url('../fonts/EuclidCircularA-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-Medium.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-Medium.woff') format('woff'),
    url('../fonts/EuclidCircularA-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-SemiBold.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-SemiBold.woff') format('woff'),
    url('../fonts/EuclidCircularA-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/EuclidCircularA-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/EuclidCircularA-SemiBoldItalic.woff') format('woff'),
    url('../fonts/EuclidCircularA-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

html, body {
  overflow-x: hidden;
}

body {
  position: relative;
  font-family: 'Source Sans Pro';
  position: relative;
  margin: 0;
  color: var(--nero);
  background: #fcfcfc;
}

body:before {
  content: '';
  background: var(--giallo);
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  height: 180px;
  width: 120%;
  border-radius: 0 0 50% 50%;
  transition: all .3s ease-out;
}

body.home:before {
  top: 180px;
}

body:after {
  content: '';
  background: var(--giallo);
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 120px;
  width: 120%;
  border-radius: 0 0 50% 50%;
  transition: all .3s ease-out;
  z-index: 9;
}

*:focus, *:hover {
  outline: none;
  outline-offset: unset;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

a.iubenda-tp-btn.iubenda-cs-preferences-link {
  display: none !important;
}

.abslink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Euclid Circular A';
}

a.link-menu[href="#"], a.link-menu[href="#!"], a.link-menu[href=""] {
  pointer-events: none;
}

.container {
  position: relative;
  max-width: 1500px;
  padding: 10px;
  margin: 0 auto;
}

.header {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px 8% 0px;
  background: var(--giallo);
  margin-bottom: 200px;
}

.header .start {
  position: fixed;
  top: 50px;
  width: calc(100% - 16%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 11;
  transition: all .3s ease-in-out;
}

body.scrolled .header .start {
  top: 20px;
}

.header .search {
  position: relative;
  margin: 50px auto 0px;
}

.header .search-bar {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0px 6px 7px rgba(0, 0, 0, 0.2));
  z-index: 10;
  transition: all .3s ease-in-out;
}

.home .header .search-bar {
  top: 180px;
}

.header .dgwt-wcas-search-wrapp {
  min-width: 400px;
}

.header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  background: #fff;
  padding: 0px;
  border-radius: 100px;
}

.header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  left: initial;
  right: 10px;
  top: 7px;
  background: var(--giallo);
  padding: 20px;
}

.header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  padding: 13px 50px 13px 20px;
  font-family: 'Euclid Circular A';
}

body.scrolled .header .search-bar {
  position: fixed;
  top: 90px;
}

.logo img {
  position: relative;
  width: 275px;
  transition: all .3s ease-in-out;
  z-index: 1;
}

.text-on-search {
  display: none;
  font-family: 'Euclid Circular A';
  position: relative;
  font-size: 40px;
  line-height: 1.2;
  z-index: 10;
  opacity: 1;
  transition: opacity .3s ease-in-out;
}

.home .text-on-search {
  display: block;
}

/* .text-on-search p {
  margin-top: 0;
} */

body.scrolled .text-on-search {
  opacity: 0;
}

.text-on-search strong {
  font-style: italic;
}

.arrow-dx, .arrow-sx {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: -40px;
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 25px;
  background: transparent;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.arrow-dx:hover, .arrow-sx:hover {
  background: #fff;
  box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.25);
}

.arrow-sx:hover {
  box-shadow: -3px 3px 9px rgba(0, 0, 0, 0.25);
}

.arrow-dx:hover {
  box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.25);
}


.arrow-dx:before, .arrow-sx:before {
  content: '';
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  display: block;
  margin: 0 auto;
  width: 8px;
  height: 8px;
  position: relative;
  left: 1px;
  top: 1px;
  transition: all .3s ease-in-out;
}

.arrow-dx:before:hover, .arrow-sx:before:hover {
  border-top: 2px solid var(--nero);
  border-left: 2px solid var(--nero);
}

.arrow-sx {
  transform: rotate(-45deg) translate(50%, -150%);
  left: calc(50% - 12px);
}

.arrow-dx {
  transform: rotate(135deg) translate(-150%, 50%);
  right: calc(50% - 12px);
}

.user-logged {
  position: relative;
  font-family: 'Euclid Circular A';
  font-size: 22px;
  line-height: 0px;
  margin: 0 15px;
  font-weight: 500;
}

.user-logged:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
  background: var(--nero);
  height: 40px;
  width: 1px;
}

.user-icon {
  display: none;
  background: url('../img/user.svg') no-repeat center;
  background-size: 20px;
  position: relative;
  margin: 0 15px 0 10px;
  z-index: 102;
}

.user-icon a {
  display: block;
  width: 30px;
  height: 20px;
}

.user-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
  background: var(--nero);
  height: 40px;
  width: 1px;
}

.cart-and-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-cart {
  background: url('../img/cart.svg') no-repeat center;
  background-size: 20px;
  padding: 10px;
  position: relative;
  margin: 0 30px 0 10px;
}

.cart-count {
  position: absolute;
  top: 0;
  right: -20px;
  background: var(--nero);
  color: var(--giallo);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-nav a {
  display: inline-block;
  position: relative;
  text-align: left;
  color: #1abc9c;
  text-decoration: none;
  font-size: 20px;
  overflow: hidden;
  top: 5px;
  transition: all .3s ease-in-out;
}

.general-menu a:hover, .user-menu a:hover, .shop-main-nav .sub-menu a:hover {
  margin-left: 5px;
}

/* .main-nav a:after {
  content: "";
  position: absolute;
  background: #1abc9c;
  height: 2px;
  width: 0%;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  transition: 0.35s ease;
}

.main-nav a:hover:after, .main-nav a:focus:after, .main-nav a:active:after {
  width: 100%;
} */

.button-desk-menu {
  position: relative;
  top: 3px;
  right: 0;
  height: 20px;
  width: 30px;
  margin-left: 15px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
}

.button-desk-menu:hover {
  opacity: 0.7;
}

.button-desk-menu.active .top {
  transform: translateY(9px) translateX(0) rotate(45deg);
  background: var(--nero);
}

.button-desk-menu.active .middle {
  opacity: 0;
  background: var(--nero);
}

.button-desk-menu.active .bottom {
  transform: translateY(-9px) translateX(0) rotate(-45deg);
  background: var(--nero);
}

.button-desk-menu span {
  background: var(--nero);
  border: none;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.button-desk-menu span:nth-of-type(2) {
  top: 9px;
}

.button-desk-menu span:nth-of-type(3) {
  top: 18px;
}

.main-menu {
  position: fixed;
  background: var(--giallo);
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  padding: 20px 8% 0px;
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  visibility: hidden;
  transition: opacity .3s, visibility .3s, height .3s;
  overflow: hidden;
}

.side-menus, .shop-menu {
  background: var(--giallo);
}

.main-menu.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.main-menu.open:before {
  content: '';
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 1px solid #000;
  height: 1px;
  width: 17%;
}

.main-menu.open li {
  animation: fadeInRight 0.5s ease 1 forwards;
  animation-delay: .3s;
}

.main-menu.open li:nth-of-type(2) {
  animation-delay: 0.4s;
}

.main-menu.open li:nth-of-type(3) {
  animation-delay: 0.45s;
}

.main-menu.open li:nth-of-type(4) {
  animation-delay: 0.5s;
}

.main-menu .user-menu, .main-menu .shop-menu {
  position: relative;
  /* height: 70%; */
  height: 70vh;
  max-height: 70vh;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 400;
  text-align: left;
}

.main-menu .general-menu {
  position: relative;
  top: 34%;
  transform: translateY(-50%);
  padding-left: 0;
}

.main-menu .user-menu:first-child {
  border-right: 1px solid var(--nero);
}

.main-menu .shop-menu:last-child {
  padding-left: 50px;
}

.main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.main-menu ul li {
  display: block;
  position: relative;
  opacity: 0;
}

.main-menu ul li a {
  display: block;
  position: relative;
  padding: 8px 12px 8px 0px;
  color: var(--nero);
  text-decoration: none;
  overflow: hidden;
}

.main-menu ul li a:hover:after, .main-menu ul li a:focus:after, .main-menu ul li a:active:after {
  width: 100%;
}

/* .main-menu ul li a:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 2px;
  background: var(--nero);
  transition: all .3s ease-in-out;
} */

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.main-menu .sub-menu {
  position: relative;
}

/* .main-menu .sub-menu:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 60%;
  height: 52%;
  background: var(--nero);
  width: 1px;
  transform: translateY(-50%);
} */

.main-menu .sub-menu>li a {
  position: relative;
  padding: 4px 12px;
  font-size: 16px;
}

.main-menu .sub-menu>li a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  background: var(--nero);
  height: 1px;
  width: 10px;
  transform: translate(-50%, -50%);
}

.shop-main-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: masonry;
  justify-content: center;
  column-gap: 20px;
  row-gap: 10px;
}

.shop-main-nav > li {
  margin-bottom: 20px;
}

.shop-main-nav > li > a:before {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 0;
  background: #f6f6f6;
  height: 8px;
  width: 30px;
  z-index: -1;
  transition: all .3s ease-in-out;
}

.shop-main-nav > li > a:hover:before {
  width: 60px
}

a.wh-widget-button {
  position: fixed;
  right: 25px;
  bottom: 25px;
  background: #3fd83a;
  z-index: 7;
  width: 50px;
  height: 50px;
  padding: 4px 4px 4px 4px;
  border-radius: 50%;
  box-shadow: 0 2px 14px -3px #000000a3;
  transition: all 300ms ease-out;
}

svg.wh-messenger-svg-whatsapp.wh-svg-icon * {
  fill: #FFF;
}

/* Inizio Risultati della ricerca */

.search.body-oc.woocommerce .page-title {
  font-size: 110px;
}

.search.body-oc.woocommerce .page-title:before {
  bottom: 30px;
}

.search.body-oc.woocommerce ul.products li.product, .search.body-oc.woocommerce-page ul.products li.product {
  background: #fff;
  text-align: center;
  padding: 20px !important;
  border-radius: 50px;
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.1);
}

/* Fine Risultati della ricerca */

/* Inizio Accedi - Registrati */

.body-oc .woocommerce form.checkout_coupon, .body-oc .woocommerce form.login, .body-oc .woocommerce form.register {
  border: none;
  padding: 0px 0px 20px;
  margin: 0;
}

.body-oc .woocommerce form .form-row input.input-text, .body-oc .woocommerce form .form-row textarea {
  background: #fff;
  border: 1px solid var(--giallo);
  border-radius: 15px;
  padding: 15px;
  min-height: 47px;
}

.body-oc .woocommerce form .show-password-input, .body-oc .woocommerce-page form .show-password-input {
  right: 20px;
  top: 15px;
}

.body-oc .woocommerce form .show-password-input::after, .body-oc .woocommerce-page form .show-password-input::after {
  font-size: 20px;
}

.body-oc .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  background: var(--giallo);
  border-radius: 5px;
  font-weight: 500;
  margin-top: 10px;
  color: var(--nero);
  transition: all .3s ease-in-out;
}

.body-oc .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
  background: var(--nero);
  color: var(--giallo);
}

.body-oc .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  margin-top: 12px;
}

.woocommerce-LostPassword.lost_password {
  margin-top: 40px;
  font-style: italic;
}

.body-oc button.woocommerce-Button.woocommerce-button.button.wp-element-button.woocommerce-form-register__submit {
  background: var(--giallo);
  font-weight: 500;
  color: var(--nero);
  border-radius: 5px;
  transition: all .3s ease-in-out;
}

.body-oc button.woocommerce-Button.woocommerce-button.button.wp-element-button.woocommerce-form-register__submit:hover {
  background: var(--nero);
  color: var(--giallo);
}

/* Fine Accedi - Registrati */

/* Inizio Account */

.body-oc .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}

.body-oc .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 10px;
  font-size: 20px;
}

.body-oc.woocommerce-account .woocommerce-MyAccount-content {
  font-size: 18px;
}

/* Fine Account */

/* Inizio Home */

.first {
  margin-bottom: 200px;
}

.promo-img, .second {
  margin-bottom: 150px;
}

.first h3, .second h3 {
  display: block;
  text-align: center;
  font-size: 45px;
  line-height: 1.1;
}

.first .start-carousel, .second .company-carousel {
  display: flex;
  align-items: center;
  text-align: right;
}

.start-carousel .subtitle-link, .company-carousel .subtitle-link {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.start-carousel h4, .company-carousel h4 {
  font-size: 40px;
  line-height: 1.1;
  padding: 0 15px;
}

.start-carousel a, .company-carousel a {
  font-size: 25px;
  line-height: 1.2;
  padding: 0 15px;
  z-index: 1;
}

.first .products-carousel, .second .products-company-carousel {
  position: relative;
  width: 80%;
  margin-left: auto;
  padding: 20px;
}

.first .products-carousel:before {
  content: '';
  position: absolute;
  bottom: -20px;
  right: 0;
  background: var(--giallo);
  width: 100%;
  height: 80%;
  border-radius: 50px 0 0 50px
}

.first .single-product {
  position: relative;
  height: 350px;
  width: 200px;
  padding: 0;
  margin: 10px 10px 25px 10px;
  text-align: center;
  border-radius: 50px;
  transition: all .3s ease-in-out;
}

.first .content-single-product {
  position: relative;
  height: 350px;
}

.first .content-single-product:before {
  content: '';
  position: absolute;
  top: 50px;
  left: 0;
  background: #fff;
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.1);
  border-radius: 40px;
  height: 310px;
  width: 100%;
  z-index: -1;
  transition: all .3s ease-in-out;
}

.first .content-single-product:hover:before {
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.3);
}

.first .single-product img {
  position: relative;
  height: 280px;
  width: 100%;
  object-fit: contain;
  top: 0px;
  transition: all .3s ease-in-out;
}

.first .single-product:hover img {
  top: -10px;
}

.promo-img {
  text-align: center;
}

.promo-img img {
  width: 100%;
  /* border-radius: 50px; */
  /* box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.3); */
  transition: all .3s ease-in-out;
}

.promo-img-mob {
  display: none;
}

/* .promo-img img:hover {
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.5);
} */

.company-carousel h4 {
  margin-top: 0;
}

.second .single-product {
  position: relative;
  height: 450px;
  width: 100%;
  margin: 10px;
  text-align: center;
  transition: all .3s ease-in-out;
}

.second .single-product:hover img {
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.3);
}

.second .single-product img {
  height: 350px;
  width: 100%;
  object-fit: contain;
  padding: 10px;
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.1);
  background: var(--giallo);
  background-repeat: no-repeat;
  border-radius: 50px;
  transition: all .3s ease-in-out;
}

.single-product .product-title {
  font-size: 15px;
  margin: 5px 0 10px;
  padding: 0 5px;
}

.single-product .product-price {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.5px;
  background: var(--giallo);
  border-radius: 100px;
  padding: 2px 8px;
}

/* Fine Home */

/* Inizio pagine */

.layout-page {
  padding: 20px 8% 0px;
}

.layout-page-sidebar {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 2%;
}

.layout-page-sidebar .layout-content {
  width: 100%;
  max-width: 70%;
  padding: 0px 15px 0px;
}

#sidebar {
  width: 100%;
  max-width: 28%;
  padding: 0px 15px 0px;
}

#sidebar .titolo-widget {
  margin-top: 1em;
}

/* Fine pagine */

/* Inizio Recensioni */

.carousel-reviews {
  position: relative;
  padding: 20px 8% 0px;
  cursor: grab;
}

.carousel-reviews h3 {
  display: block;
  text-align: center;
  font-size: 45px;
  line-height: 1.1;
}

.carousel-slider {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.single-review {
  background: #fff;
  min-height: 280px;
  height: auto;
  margin: 10px;
  padding: 30px;
  border-radius: 50px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 15px;
}

.single-review > * {
  margin: 0;
}

.single-review h5 {
  color: var(--nero);
  font-size: 20px;
  line-height: 1.2;
}

.single-review span, .single-review p {
  color: var(--grigio);
}

.carousel-reviews .slick-dots {
  bottom: -40px;
}

.carousel-reviews .slick-dots button {
  padding: 5px;
}

.carousel-reviews .slick-dots button {
  height: 12px;
  width: 12px;
  background: var(--nero);
  border-radius: 100%;
  position: relative;
}

.carousel-reviews .slick-dots button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--giallo);
  background: var(--giallo);
  border-radius: 100%;
  font-size: 0;
  width: 10px;
  height: 10px;
  opacity: 0;
  transition: all .2s ease-in-out;
}

.carousel-reviews .slick-dots .slick-active button:before {
  opacity: 1;
  transition: all .2s ease-in-out;
}

/* Fine Recensioni */

/* Inizio Footer */

.footer {
  padding: 300px 8% 20px;
}

.footer .widget-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: stretch;
}

.footer .widget-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget-footer .textwidget p {
  line-height: 1.4;
}

.widget-item.wf-3 a {
  margin: 0 10px;
}

.sub-footer {
  margin-top: 100px;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.sub-footer .crediti-policy .credit {
  margin-bottom: 15px;
}

/* Fine Footer */

/* Inizio Loop e Categorie prodotto */

.body-oc.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  background-color: transparent;
  border: 0px solid var(--nero);
  border-radius: 10px;
  padding: 4px;
}

.body-oc.woocommerce .woocommerce-ordering {
  margin: 0 0 20px;
}

.body-oc .oc-product-loop {
  background: #fff;
  text-align: center;
  padding: 20px !important;
  min-height: 520px;
  border-radius: 50px;
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.1);
}

.body-oc .li.product a img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 30px;
  box-shadow: none;
}

.body-oc.woocommerce .page-title {
  position: relative;
  color: #f6f6f6;
  text-transform: lowercase;
  padding: 0 40px;
  font-size: 130px;
  margin: 100px 0 50px;
}

.body-oc.woocommerce .page-title:before {
  content: '';
  position: absolute;
  bottom: 36px;
  left: 0;
  width: 100%;
  height: 260px;
  background: var(--giallo);
  border-radius: 50px;
  z-index: -1;
}

.body-oc .category-shop .oc-product-loop {
  background: #fff;
  text-align: center;
  padding: 20px 10px !important;
  min-height: 480px;
  border-radius: 30px;
  box-shadow: 2px 7px 14px -2px rgba(0, 0, 0, 0.1);
}

.body-oc.woocommerce .category-shop .product a img {
  margin: 0 0 40px;
  height: 270px;
  object-fit: contain;
}

.cta-help {
  font-family: 'Euclid Circular A';
  margin-top: 100px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}

.cta-help a {
  position: relative;
  display: block;
  margin: 40px auto 0;
  font-size: 40px;
  font-weight: 700;
  width: fit-content;
}

.cta-help a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  background: url(https://officinecreative.shop/wp-content/themes/officine-creative/img/sottolineatura-large.svg) no-repeat;
  width: 100%;
  height: 90px;
  background-size: 100%;
  z-index: -1;
}

/* Fine Loop e Categorie prodotto */

/* Inizio Shop */

.layout-shop {
  padding: 20px 8% 0px;
}

.body-oc.woocommerce ul.products li.product .woocommerce-loop-category__title, .body-oc .woocommerce ul.products li.product .woocommerce-loop-product__title, .body-oc .woocommerce ul.products li.product h3 {
  font-weight: 500;
  font-size: 18px;
}

.body-oc.woocommerce ul.products li.product .price {
  color: var(--grigio);
  font-weight: 400;
  font-size: 16px;
}

.body-oc.woocommerce ul.products li.product .button {
  font-weight: 500;
  border-radius: 20px;
  color: var(--nero);
  background-color: var(--giallo);
  transition: all .3s ease-in-out;
}

.body-oc.woocommerce ul.products li.product .button:hover {
  color: var(--giallo);
  background-color: var(--nero);
}

.body-oc.woocommerce div.product form.cart .button {
  font-weight: 500;
  border-radius: 15px;
  color: var(--nero);
  background-color: var(--giallo);
  float: none;
  margin-left: 50px;
  transition: all .3s ease-in-out;
}

.body-oc.woocommerce div.product form.cart .button:hover {
  color: var(--giallo);
  background-color: var(--nero);
}

.body-oc.woocommerce div.product div.images img {
  max-width: 580px;
  width: 100%;
  border-radius: 20px;
  transition: all .3s ease-in-out;
}

.body-oc.woocommerce div.product div.images .flex-control-thumbs {
  max-width: 170px;
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 10px;
}

.body-oc.woocommerce div.product div.images.woocommerce-product-gallery {
  display: flex;
  flex-flow: row-reverse;
  column-gap: 20px;
  /* width: 100%; */
  grid-area: gallery;
}

.body-oc.woocommerce div.product div.images .flex-control-thumbs li {
  width: 100%;
  border-radius: 20px;
  padding: 3px;
  background: #E8E8E8;
}

/* .body-oc.single-product.woocommerce .layout-shop > .product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 50px;
  grid-template-areas:
    "gallery info"
    "cart cart"
    "reviews reviews"
    "related related";
} */

.body-oc.woocommerce div.product div.summary {
  /* width: 100%; */
  /* width: auto; */
  min-width: 40%;
  grid-area: info;
}

.body-oc.woocommerce div.product .woocommerce-tabs {
  grid-area: reviews;
  padding-top: 90px;
  margin-bottom: 90px;
}

.body-oc.woocommerce div.product .cart {
  grid-area: cart;
}

.body-oc.woocommerce div.product .related.products {
  width: 100%;
  grid-area: related;
}

.body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce input.button {
  font-weight: 500;
  border-radius: 50px;
  color: var(--nero);
  background-color: var(--giallo);
  border: 0;
  top: -5px;
  transition: all .3s ease-in-out;
}

.body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .body-oc.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .body-oc.woocommerce input.button:hover {
  background-color: var(--nero);
  color: var(--giallo);
}

.body-oc.woocommerce div.product p.price, .body-oc.woocommerce div.product span.price {
  color: var(--nero);
  font-size: 30px;
  position: relative;
}

.body-oc .woocommerce-product-details__short-description {
  margin-bottom: 40px;
}

/* .body-oc.single-product .price .woocommerce-Price-amount:before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  background: url(https://officinecreative.shop/wp-content/themes/officine-creative/img/sottolineatura.png) no-repeat;
  width: 160px;
  height: 90px;
  background-size: 100%;
  z-index: -1;
}

.body-oc.single-product .related .woocommerce-Price-amount:before {
  display: none;
} */

.body-oc.woocommerce-page .related.products ul.products li.product {
  min-height: 500px;
}

/* .custom-category-gallery {
  max-height: 450px;
  display: grid;
  grid-template-columns: 1fr 40% 30%;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-areas:
    "img1 img-2 img-3"
    "img1 img-4 img-5";
}

.body-oc .custom-category-gallery img {
  width: 100%;
  height: initial;
  object-fit: cover;

}

.custom-category-gallery img:nth-child(1) {
  grid-area: img1;
  height: 100%;
}

.custom-category-gallery img:nth-child(2) {
  grid-area: img2;
  height: 40%;
}

.custom-category-gallery img:nth-child(3) {
  grid-area: img3;
  height: 50%;
}

.custom-category-gallery img:nth-child(4) {
  grid-area: img4;
  height: 60%;
}

.custom-category-gallery img:nth-child(5) {
  grid-area: img5;
  height: 50%; 
} */

.title-img-cat {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 35px;
  line-height: 1.3;
  font-weight: 700;
  margin: 60px 0 30px;
}

.featured-img-cat {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.featured-img-cat img {
  object-fit: cover;
  height: auto;
  border-radius: 15px;
}

.featured-video-cat {
  position: relative;
}

.featured-video-cat video {
  z-index: 0;
  border-radius: 15px;
}

.custom-category-gallery {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  column-gap: 18px;
  row-gap: 15px;
  margin: 60px 0 80px;
}

.img1, .img2, .img3, .img4, .img5 {
  position: relative;
}

.custom-category-gallery .col-1, .custom-category-gallery .col-2, .custom-category-gallery .col-3 {
  height: 100%;
  row-gap: 15px;
}

.custom-category-gallery .col-1, .custom-category-gallery .col-3 {
  width: 30%;
}

.custom-category-gallery .col-2 {
  width: 40%;
}

.custom-category-gallery img {
  width: 100%;
  object-fit: cover;
  height: auto;
  border-radius: 15px;
}

.custom-category-gallery .col-1 img {
  height: 468px;
}

.custom-category-gallery .col-2, .custom-category-gallery .col-3 {
  display: flex;
  flex-direction: column;
}

.custom-category-gallery .col-2 .img2 img {
  height: 180px;
}

.custom-category-gallery .col-2 .img3 img {
  height: 270px;
}

.custom-category-gallery .col-3 .img4 img {
  height: 225px;
}

.custom-category-gallery .col-3 .img5 img {
  height: 225px;
}

.body-oc.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 20px 20px 0 0;
}

.body-oc.woocommerce table.shop_attributes {
  border-top: none;
}

.body-oc.woocommerce table.shop_attributes th {
  border-bottom: none;
  padding: 0;
  text-align: left;
}

.body-oc.woocommerce table.shop_attributes td {
  border-bottom: none;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  display: none;
}

.body-oc.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--giallo);
}

.body-oc.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  border-radius: 30px;
  color: #333;
  padding: 0px 22px;
}

.body-oc.woocommerce.woocommerce-page .tabs li.additional_information_tab {
  display: none;
}

.body-oc.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none;
}

.body-oc.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #333;
}

.body-oc.woocommerce div.product form.cart .reset_variations {
  position: relative;
  top: 20px;
  left: 5px;
  font-size: 16px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  content: none;
}

/* Inizio carrello */

.body-oc.woocommerce-cart .variation {
  display: none;
}

.body-oc #add_payment_method .wc-proceed-to-checkout a.checkout-button, .body-oc.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .body-oc .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  border-radius: 5px;
  background-color: var(--giallo);
  color: var(--nero);
  transition: all .3s ease-in-out;
}

.body-oc #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .body-oc.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .body-oc .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: var(--nero);
  color: var(--giallo);
}

.body-oc.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 150px;
  height: 36px;
}

.body-oc .woocommerce .cart .button, .body-oc .woocommerce .cart input.button {
  font-weight: 500;
}

.body-oc.woocommerce-cart .woocommerce .quantity .qty {
  background: none;
  border: none;
}

/* Fine carrello */

/* Inizio pagamento */

.body-oc .select2-container--default .select2-selection--single {
  background: #fff;
  border: 1px solid var(--giallo);
  border-radius: 15px;
  padding: 15px;
  height: 49px;
}

.body-oc .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--nero);
  line-height: 18px;
}

.body-oc .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 47px;
  top: 50%;
  right: 11px;
  width: 30px;
  transform: translateY(-50%);
}

.body-oc .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--nero) transparent transparent transparent;
  margin-top: 0px;
}

.body-oc .select2-container--open .select2-dropdown--below {
  position: relative;
  top: -30px;
  border-left: 1px solid var(--giallo);
  border-right: 1px solid var(--giallo);
  border-bottom: 1px solid var(--giallo);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.body-oc.woocommerce #payment #place_order, .body-oc.woocommerce-page #payment #place_order {
  background-color: var(--giallo);
  color: var(--nero);
  -webkit-font-smoothing: antialiased;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
  padding-top: 12px;
  transition: all .3s ease-in-out;
}

.body-oc.woocommerce #payment #place_order:hover, .body-oc.woocommerce-page #payment #place_order:hover {
  background-color: var(--nero);
  color: var(--giallo);
}

.body-oc.woocommerce-checkout .variation {
  display: none;
}

.body-oc.woocommerce-checkout .paypal-buttons {
  width: 400px !important;
  max-width: 100% !important;
  margin-top: 20px;
  z-index: 8;
}

.body-oc.woocommerce-checkout #add_payment_method #payment, .body-oc.woocommerce-cart #payment, .body-oc.woocommerce-checkout #payment {
  background: #fff;
  border-radius: 15px;
}

.body-oc.woocommerce-checkout .woocommerce-form-coupon button.button {
  border-radius: 15px;
  background-color: var(--giallo);
  color: var(--nero);
  font-weight: 400;
  transition: all .3s ease-in-out;
}

.body-oc.woocommerce-checkout .woocommerce-form-coupon button.button:hover {
  background-color: var(--nero);
  color: var(--giallo);
}

.body-oc.woocommerce-checkout #payment div.payment_box {
  background-color: #f6f6f6;
  color: #333;
}

.body-oc.woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid #f6f6f6;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.body-oc.woocommerce-checkout #payment div.payment_box p:last-child {
  margin-top: 0;
}

.body-oc.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: initial;
  padding: 1em 1em 0em;
}

.body-oc.woocommerce-checkout #payment div.form-row {
  /* display: none; */
  padding: 0em 1em 1em;
}

/* Fine pagamento */

/* Inizio riepilogo ordine con bonifico */

.body-oc.woocommerce-checkout .order_details .product-name ul {
  display: none;
}

/* Fine riepilogo ordine con bonifico */

/* Inizio variazioni custom */

.pewc-product-extra-groups {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 30px;
  padding-left: 0;
}

/* .pewc-product-extra-groups > li {
  position: relative;
  width: 125px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #E8E8E8;
  border-radius: 20px;
  text-align: center;
  padding: 20px;
} */

.pewc-group-wrap h3 {
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  margin-bottom: -10px;
}

.pewc-group-wrap .pewc-item-field-image-wrapper {
  width: 100%;
  margin: 0 auto;
}

label ~ ul.pewc-checkbox-group-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.pewc-product-extra-groups ul.pewc-checkbox-group-wrapper li {
  width: 100px;
}

/* .pewc-item-field-wrapper span {
  display: none;
} */

.single-product .pewc-item-field-wrapper input[type="checkbox"] {
  width: 125px !important;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

/* .pewc-active-field {
  border: 2px solid var(--verde);
}

.pewc-active-field:before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: calc(50% - 1px);
  bottom: -8px;
  width: 7px;
  height: 13px;
  border-width: 0px 3px 3px 0;
  border-style: solid;
  transform: rotate(45deg) translateX(-50%);
  border-color: #fff;
  z-index: 1;
}

.pewc-active-field:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  background: var(--verde);
  height: 20px;
  width: 20px;
  border-radius: 100%;
} */

li.pewc-has-field-image .pewc-item-field-wrapper {
  height: 0;
}

.body-oc .pewc-item-upload .pewc-field-label {
  display: none;
}

.body-oc .pewc-description {
  display: none;
}

.body-oc .pewc-group-upload.pewc-active-field {
  border: none;
}

.body-oc .dropzone.dz-clickable {
  border-radius: 15px;
}

.body-oc .pewc-total-field-wrapper {
  background: #fff;
  margin-top: 30px;
  padding: 10px 20px;
  border-radius: 15px;
}

.body-oc .pewc-total-field-wrapper p:last-child {
  margin-bottom: inherit;
}

.body-oc.woocommerce div.product form.cart .variations td, .body-oc.woocommerce div.product form.cart .variations th {
  text-align: left;
}

.body-oc.woocommerce div.product form.cart table td {
  margin-bottom: 20px;
}

.body-oc .woo-variation-swatches.wvs-show-label .variations th {
  margin-top: 15px;
}

.body-oc label.variable-item-radio-input-wrapper {
  display: flex !important;
  align-items: center !important;
}

.body-oc ul[aria-label="Taglia"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.body-oc ul.variable-items-wrapper.radio-variable-items-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.body-oc ul[aria-label="Stampa fronte"] li, .body-oc ul[aria-label="Stampa retro"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stampa Bodino Fronte"] li, .body-oc ul[aria-label="Stampa Bodino Retro"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stampa Cuscino Cuore"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stampa Cuscino Quadrato"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stampa Lato"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Spessore"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile borraccia"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile felpa"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile polo"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile tazza"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Tessuto"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Adesivi da parete"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Roll-Up"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni B.V."] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Banner"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Forex"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Manifesti"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Formato Carta Stampa Digitale"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Occhielli"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Orientamento Carta"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Orientamento Forex"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="PassPartout Forex"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Prespaziati"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Telaio Canvas"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Telaio In Legno"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="SpotyPlex"] li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc ul.variable-items-wrapper.image-variable-items-wrapper li {
  width: 100px !important;
  height: 100px !important;
  padding: 5px !important;
}

.body-oc.woo-variation-swatches .wvs-style-rounded.variable-items-wrapper .variable-item:not(.radio-variable-item) {
  border-radius: 15px;
}

.body-oc.woo-variation-swatches .wvs-style-rounded.variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span, .body-oc.woo-variation-swatches .wvs-style-rounded.variable-items-wrapper .variable-item:not(.radio-variable-item) img {
  border-radius: 15px;
}

[data-wvstooltip]:before {
  display: none;
}

[data-wvstooltip]:after {
  display: none;
}

.variable-item.image-variable-item:before {
  opacity: 1;
  visibility: initial;
  top: initial;
  bottom: -28px;
  background: none;
  color: #333;
  border: none;
  box-shadow: none;
  font-weight: 600;
  z-index: 0;
}

.variable-item.image-variable-item:after {
  display: none;
}

.body-oc.woocommerce .pewc-group-text .pewc-form-field {
  background: #fff;
  border: 1px solid var(--grigio);
  border-radius: 15px;
  padding: 15px;
  min-height: 47px;
  margin-top: 10px;
}

/* Fine variazioni custom */

/* Inizio scelta quantità */

button.minus, button.plus {
  font-size: 20px;
  border: 1px solid var(--grigio);
  background: #fff;
  height: 38px;
  padding: 0 10px;
  min-width: 35px;
  float: left;
  margin: 0;
  cursor: pointer;
  transition: .3s;
}

button.minus:hover, button.plus:hover {
  background: var(--giallo);
}

button.minus {
  border-radius: 30px 0 0 30px;
}

button.plus {
  border-radius: 0 30px 30px 0;
}

body.woocommerce div.product form.cart div.quantity {
  margin: 0;
}

.woocommerce .quantity .qty {
  font-size: 18px;
  height: 38px;
  max-height: 38px;
  border-radius: 0;
  border-top: 1px solid var(--grigio);
  border-bottom: 1px solid var(--grigio);
  border-left: 0;
  border-right: 0;
}

.single-product input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.single-product input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

/* Fine scelta quantità */

.body-oc .pswp__bg {
  background: #ffffff90;
}

.body-oc .woocommerce-notices-wrapper .woocommerce-message {
  border-radius: 30px;
  border: 2px solid #8FAE1C;
  height: 60px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  top: 1.2em;
}

.body-oc .wc-block-cart__submit-button {
  background: var(--giallo);
  border-radius: 50px;
  transition: all .3s ease-in-out !important;
}

.body-oc .wc-block-cart__submit-button:hover {
  background: var(--nero);
  color: var(--giallo);
}

.body-oc .wc-block-components-checkout-place-order-button {
  background: var(--verde);
  color: #fff;
  border: none;
  border-radius: 50px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  transition: all .3s ease-in-out !important;
}

.body-oc .wc-block-components-checkout-place-order-button:hover {
  background: var(--giallo);
  color: var(--nero);
}

.body-oc.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: flex;
  gap: 20px;
}

/* Fine Shop */

/******************** Inizio Responsive *********************/

@media (max-width: 1200px) {

  .text-on-search {
    font-size: 34px;
  }

  body:before {
    top: 0px;
    height: 160px;
  }

  body.home:before {
    top: 100px;
    height: 180px;
  }

  .header .search-bar {
    top: 0px;
  }

  .home .header .search-bar {
    top: 130px;
  }

  .first h3, .second h3 {
    font-size: 38px;
  }

  .start-carousel h4, .company-carousel h4 {
    font-size: 32px;
  }

  .start-carousel a, .company-carousel a {
    font-size: 22px;
  }

  /* .promo-img img {
    max-width: 700px;
  } */

  .second .single-product {
    height: 500px;
  }

  .second .single-product img {
    height: 400px;
  }

  .single-review {
    min-height: 300px;
    padding: 25px 25px;
    border-radius: 40px;
  }

  .footer {
    padding: 200px 8% 20px;
  }

  .body-oc.woocommerce .page-title {
    font-size: 120px;
    margin: 40px 0 50px;
  }

  .body-oc.woocommerce .page-title:before {
    bottom: 33px;
    height: 200px;
  }

  .body-oc.single-product.woocommerce .layout-shop > .product {
    grid-template-columns: 60% 1fr;
  }

  .body-oc.woocommerce div.product div.images .flex-control-thumbs {
    max-width: 150px;
  }

  .carousel-reviews h3 {
    font-size: 38px;
  }

  .search.body-oc.woocommerce .page-title {
    font-size: 80px;
    margin: -20px 0 50px;
  }

  .search.body-oc.woocommerce .page-title:before {
    bottom: 22px;
  }

}

@media (max-width: 1024px) {

  .header {
    padding: 20px 20px 0px;
  }

  .header .start {
    width: calc(100% - 8%);
  }

  .text-on-search {
    font-size: 28px;
    position: relative;
    top: 20px;
  }

  .header {
    margin-bottom: 180px;
  }

  .first h3, .second h3 {
    font-size: 34px;
  }

  .start-carousel h4, .company-carousel h4 {
    font-size: 28px;
    padding-left: 15px;
  }

  .start-carousel a, .company-carousel a {
    font-size: 20px;
  }

  .first .single-product img {
    height: 280px;
    top: 0px;
  }

  .single-product .product-title {
    margin: 20px 0 10px;
  }

  .first, .promo-img, .second {
    margin-bottom: 130px;
  }

  .promo-img {
    margin-bottom: 80px;
  }

  /* .promo-img img {
    max-width: 600px;
  } */

  .footer {
    padding: 150px 20px 20px;
  }

  .carousel-reviews {
    padding: 20px 20px 0px;
  }

  .carousel-reviews h3 {
    font-size: 34px;
  }

  .single-review {
    min-height: 280px;
    padding: 20px 20px;
    border-radius: 35px;
  }

  .body-oc .oc-product-loop {
    padding: 15px !important;
    border-radius: 15px;
  }

  .body-oc.woocommerce ul.products li.product .button {
    padding: 9px 12px;
  }

  .body-oc.single-product.woocommerce .layout-shop > .product {
    grid-template-columns: 60% 1fr;
    gap: 50px 40px;
  }

  .body-oc.woocommerce div.product div.images .flex-control-thumbs {
    max-width: 140px;
  }

  .body-oc.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 10px;
  }

  .search.body-oc.woocommerce .page-title {
    font-size: 70px;
    margin: 0px 0 50px;
  }

  .search.body-oc.woocommerce .page-title:before {
    bottom: 20px;
  }

}

@media (max-width: 768px) {

  body.admin-bar:after {
    top: 44px;
  }

  body.admin-bar.scrolled .header .start {
    top: 66px;
  }

  body.admin-bar.scrolled .header .search-bar {
    top: 114px;
  }

  .admin-bar #wpadminbar {
    top: 0;
    position: fixed;
  }

  .admin-bar .header .start {
    top: 65px;
  }

  .user-logged {
    display: none;
  }

  .user-icon {
    display: block;
  }

  .user-icon:before {
    height: 30px;
    z-index: 102;
  }

  .admin-bar .nav-drill {
    padding-top: 90px;
  }

  .header .start {
    top: 30px;
  }

  .text-on-search {
    font-size: 24px;
    top: 15px;
  }

  .header .search-bar {
    top: 0px;
  }

  .home .header .search-bar {
    top: 110px;
  }

  .header .dgwt-wcas-search-wrapp {
    min-width: 350px;
  }

  .header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 10px 50px 10px 20px;
  }

  .header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 6px;
    padding: 18px;
  }

  .first, .promo-img, .second {
    margin-bottom: 100px;
  }

  .first h3, .second h3 {
    font-size: 30px;
  }

  .start-carousel h4, .company-carousel h4 {
    font-size: 24px;
    padding-right: 15px;
    line-height: 1.2;
  }

  .start-carousel a, .company-carousel a {
    font-size: 18px;
    padding-right: 15px;
  }

  .first .single-product img {
    height: 280px;
    width: 85%;
    margin: 0 auto;
  }

  .promo-img {
    margin-bottom: 50px;
  }

  .promo-img-desk {
    display: none;
  }

  .promo-img-mob {
    display: block;
  }

  .carousel-reviews h3 {
    font-size: 30px;
  }

  .single-review {
    min-height: 260px;
    padding: 15px 15px;
    border-radius: 15px;
    row-gap: 10px;
  }
  
  .footer {
    padding: 100px 20px 20px;
  }

  .footer .widget-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    column-gap: 10px;
  }

  .footer .widget-footer img {
    max-width: 80%;
  }

  .footer .wf-1 {
    justify-content: flex-start;
  }

  .footer .wf-2 {
    justify-content: center;
    text-align: center;
    width: 80%;
  }

  .footer .wf-3 {
    justify-content: flex-end;
  }

  .sub-footer {
    margin-top: 80px;
    row-gap: 10px;
  }

  .sub-footer .widget-metodi-pagamento img {
    width: 300px;
  }

  .body-oc.woocommerce .page-title {
    font-size: 110px;
    line-height: 1;
    margin: 20px 0 20px;
  }

  .body-oc.woocommerce .page-title:before {
    bottom: 30px;
    height: 150px;
  }

  .layout-shop {
    padding: 20px 20px 0px;
  }

  .body-oc.single-product.woocommerce .layout-shop > .product {
    gap: 10px 25px;
  }

  .body-oc.woocommerce div.product div.images .flex-control-thumbs {
    max-width: 100px;
  }

  .body-oc.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 8px;
    border-radius: 15px;
  }

  .pewc-product-extra-groups > li {
    width: 100%;
    border-radius: 15px;
    padding: 15px;
  }

  .single-product .pewc-item-field-wrapper input[type="checkbox"] {
    width: 100px !important;
  }

  .search.body-oc.woocommerce .page-title {
    font-size: 60px;
    margin: -10px 0 40px;
  }

  .search.body-oc.woocommerce .page-title:before {
    bottom: 16px;
  }

  .search.body-oc.woocommerce ul.products li.product, .search.body-oc.woocommerce-page ul.products li.product {
    padding: 15px !important;
    border-radius: 20px;
  }

  .layout-page-sidebar {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }

  .layout-page-sidebar .layout-content {
    max-width: 100%;
  }

  #sidebar {
    max-width: 100%;
  }

  a.wh-widget-button {
    right: 15px;
    bottom: 15px;
  }

  .body-oc.woocommerce div.product form.cart .reset_variations {
    font-size: 18px;
    top: 20px;
    left: 5px;
    position: relative;
  }

  .body-oc .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
    flex-direction: column;
    padding-top: 15px;
  }

  .body-oc .wc-block-components-checkout-place-order-button {
    width: 100% !important;
    top: 20px;
  }

  .body-oc.woocommerce-checkout .layout-page {
    padding: 20px 4% 0px;
  }

}

@media (max-width: 480px) {

  body.home:before {
    height: 120px;
  }

  body:after {
    height: 100px;
  }

  .header {
    padding: 15px 15px 0px;
    margin-bottom: 150px;
  }

  .header .start {
    top: 20px;
  }

  .logo {
    z-index: 102;
  }

  .logo img {
    width: 180px;
  }

  .user-logged {
    font-size: 18px;
    z-index: 102;
  }

  /* .user-logged:before {
    height: 30px;
    z-index: 102;
  } */

  .user-icon:before {
    height: 30px;
    z-index: 102;
  }

  .shop-cart {
    z-index: 102;
  }

  .custom-cart {
    background-size: 18px;
  }

  .cart-count {
    right: -18px;
    width: 18px;
    height: 18px;
  }

  .header .search {
    margin: 30px auto 0px;
  }

  .text-on-search {
    font-size: 20px;
    top: 10px;
  }

  .header .search-bar {
    top: 30px;
  }

  .home .header .search-bar {
    top: 95px;
  }

  .header .dgwt-wcas-search-wrapp {
    min-width: 300px;
  }

  .header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 8px 50px 8px 15px;
  }

  .header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 4px;
    right: 5px;
  }

  body.scrolled .header .search-bar {
    top: 70px;
  }

  .first h3, .second h3 {
    font-size: 28px;
  }

  .first .start-carousel, .second .company-carousel {
    text-align: center;
    flex-direction: column;
  }

  .start-carousel .subtitle-link, .company-carousel .subtitle-link {
    margin-left: initial;
    align-items: center;
  }

  .start-carousel a, .company-carousel a {
    font-size: 16px;
  }

  .start-carousel h4, .company-carousel h4 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .first .products-carousel, .second .products-company-carousel {
    width: 100%;
    padding: 40px 15px 20px;
  }

  .first .products-carousel:before {
    border-radius: initial;
  }

  .first .single-product img {
    height: 275px;
    width: 100%;
    padding: 0 20px;
    top: 0px;
  }

  .first .content-single-product:before {
    left: 50%;
    height: 305px;
    width: 90%;
    transform: translateX(-50%);
  }

  .single-product .product-title {
    margin: 5px auto 5px;
    width: 90%;
  }

  .promo-img {
    margin-bottom: 60px;
  }

  /* .promo-img img {
    padding: 0 15px;
    border-radius: 100px;
    width: 100%;
  } */

  .second .products-company-carousel {
    padding: 30px 15px 20px;
  }

  .second .single-product .product-title {
    margin: 15px auto 5px;
  }

  .carousel-reviews h3 {
    font-size: 28px;
    margin-top: 0;
  }

  .carousel-reviews {
    padding: 15px 15px 0px;
  }

  .single-review h5 {
    font-size: 18px;
  }

  .footer {
    padding: 80px 15px 20px;
  }

  .footer .widget-footer {
    flex-direction: column;
    align-items: center;
    align-items: center;
    row-gap: 20px;
    text-align: center;
  }

  .footer .wf-1 {
    justify-content: center;
  }

  .footer .wf-2 img {
    width: 200px;
  }

  .footer .wf-3 {
    justify-content: center;
    margin-top: 30px;
  }

  .layout-shop {
    padding: 20px 5px 0px;
  }

  .body-oc.woocommerce .page-title {
    font-size: 80px;
    margin: 30px 0 20px;
  }

  .body-oc.woocommerce .page-title:before {
    bottom: 22px;
    height: 110px;
    border-radius: 40px;
  }

  .body-oc.woocommerce ul.products[class*=columns-] li.product, .body-oc.woocommerce-page ul.products[class*=columns-] li.product {
    margin: 0 0 40px;
    min-height: 354px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5px !important;
    border-radius: 20px;
  }
  
  .body-oc.single-product.woocommerce .layout-shop > .product {
    grid-template-columns: 100%;
    grid-template-areas:
      "gallery"
      "info"
      "cart"
      "reviews"
      "related";
  }

  .body-oc.woocommerce div.product div.images.woocommerce-product-gallery {
    flex-flow: column;
    row-gap: 15px;
  }

  .body-oc.woocommerce div.product div.images .flex-control-thumbs {
    max-width: initial;
    width: 100%;
    column-gap: 10px;
    flex-direction: row;
  }

  .pewc-product-extra-groups {
    column-gap: 15px;
  }

  .search.body-oc.woocommerce .page-title {
    font-size: 36px;
    margin: 5px 0 40px;
    padding: 0px 30px;
  }

  .search.body-oc.woocommerce .page-title:before {
    bottom: 10px;
  }

  .custom-category-gallery {
    flex-direction: column;
  }

  .custom-category-gallery .col-1, .custom-category-gallery .col-2, .custom-category-gallery .col-3 {
    width: 100%;
  }

  .body-oc.woocommerce .category-shop .product a img {
    margin: 0 0 10px;
    max-height: 160px;
    object-fit: contain;
  }

  .cta-help a {
    font-size: 26px;
  }

}

@media (max-width: 375px) {

  .header .start {
    top: 15px;
  }

  .logo img {
    width: 150px;
  }

  .user-logged {
    font-size: 16px;
    margin: 0 10px;
  }

  /* .user-logged:before {
    height: 25px;
    right: -10px;
  } */

  .user-icon:before {
    height: 25px;
    right: -10px;
  }

  .custom-cart {
    background-size: 18px;
    margin: 0 30px 0 6px;
  }

  .cart-count {
    right: -16px;
    width: 16px;
    height: 16px;
    font-size: 14px;
  }
  
  .text-on-search {
    font-size: 18px;
    top: 12px;
  }

  .header .search-bar {
    top: 25px;
  }

  .home .header .search-bar {
    top: 90px;
  }

  .first h3, .second h3 {
    font-size: 26px;
  }

  .start-carousel h4, .company-carousel h4 {
    font-size: 20px;
  }

  .first .products-carousel, .second .products-company-carousel {
    padding: 30px 15px 20px;
  }

  .first .single-product img {
    height: 280px;
    width: auto;
    padding: initial;
    top: 0px;
  }

  .single-product .product-title {
    margin: 20px 0 10px;
  }

  .promo-img img {
    box-shadow: none;
  }

  .single-review {
    min-height: 230px;
    row-gap: 15px;
    text-align: center;
    align-items: center;
  }
  
  .footer .wf-2 img {
    width: 180px;
  }

  .footer .wf-3 {
    column-gap: 10px;
  }

  .body-oc.woocommerce .page-title {
    font-size: 48px;
    padding: 0 15px;
  }

  .body-oc.woocommerce .page-title:before {
    bottom: 8px;
    height: 120px;
  }

  .body-oc.woocommerce .woocommerce-result-count {
    width: 100%;
    display: block;
    text-align: center;
  }

  .body-oc.woocommerce .woocommerce-ordering {
    margin: 5px 0 30px;
    width: 100%;
    display: block;
    text-align: center;
  }
  
  .body-oc.woocommerce ul.products[class*=columns-] li.product, .body-oc.woocommerce-page ul.products[class*=columns-] li.product {
    min-height: 375px;
  }
  
  .body-oc.woocommerce ul.products li.product .button {
    padding: 9px 8px;
    line-height: 18px;
    font-size: 15px;
  }

  .body-oc .oc-product-loop {
    padding: 15px 10px !important;
  }

  .pewc-product-extra-groups > li {
    width: 100%;
    border-radius: 15px;
    padding: 10px;
    min-height: 60px;
  }

  .pewc-group-wrap .pewc-item-field-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
  }

  .search.body-oc.woocommerce .page-title {
    font-size: 26px;
    margin: 10px 0 40px;
    padding: 0px 25px;
  }

  .search.body-oc.woocommerce .page-title:before {
    bottom: 7px;
  }

  .search.body-oc.woocommerce ul.products li.product, .search.body-oc.woocommerce-page ul.products li.product {
    padding: 15px 10px !important;
  }

  .body-oc.woocommerce div.product form.cart .button {
    margin-left: 25px;
  }

  .body-oc ul[aria-label="Stampa fronte"] li, .body-oc ul[aria-label="Stampa retro"] li {
    width: 70px !important;
    height: 70px !important;
    padding: 5px !important;
  }

  .body-oc ul[aria-label="Stampa Bodino Fronte"] li, .body-oc ul[aria-label="Stampa Bodino Retro"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stampa Cuscino Cuore"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stampa Cuscino Quadrato"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stampa Lato"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Spessore"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile borraccia"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile felpa"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile polo"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Stile tazza"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Tessuto"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Adesivi da parete"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Roll-Up"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni B.V."] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Banner"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Forex"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Dimensioni Manifesti"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Formato Carta Stampa Digitale"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Occhielli"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Orientamento Carta"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Orientamento Forex"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="PassPartout Forex"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Prespaziati"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Telaio Canvas"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="Telaio In Legno"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul[aria-label="SpotyPlex"] li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

.body-oc ul.variable-items-wrapper.image-variable-items-wrapper li {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
}

}

/******************** Fine Responsive *********************/