/* -------------------------------------------------- */
/* ------------- LAPTOP E TABLET GRANDI ------------- */
/* ------------- USARE XL- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 1440px) and (min-width: 1401px) {

	/* ----- header - sticky ----- */
	.sticky-active .header-inner #mainMenu nav > ul > li > a:not([class*="btn-"]) {
		padding-right: 7px;
		padding-left: 7px;
	}
	
}

@media (max-width: 1400px){
	
	/* ----- variables ----- */
	:root {

		/* --- font size --- */
		--h2-size: 35px;

	}
	
	/* ----- object - carousel ----- */
	.carousel {
		--carousel-arrow-d: 50px;
		--carousel-arrow-icon-d: 25px;
	}
	.carousel .flickity-prev-next-button {
		top: 160px;
	}
	.carousel .flickity-prev-next-button.previous {
		left: 10px !important;
	}
	.carousel .flickity-prev-next-button.next,
	.carousel .flickity-prev-next-button.next:hover {
		right: 25px !important;
	}

	/* ----- object - include el testo - collezione ----- */
	.carousel-single-arrow .carousel .flickity-prev-next-button {
		top: 140px;
	}

	/* ----- header - sticky ----- */
	.sticky-active .header-inner #mainMenu nav > ul > li > a:not([class*="btn-"]) {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	/* ----- header - cart ----- */
	.menu-cart-container .menu-cart-content {
		width: 40vw;
	}
	
	/* ----- footer ----- */
	#footer .col-footer-pagamenti .sez-pagamento-footer-container {
  	grid-template-columns: repeat(4, auto);
	}
	
	/* ----- prodotti - dettaglio ----- */
	.carousel .brand-material-container .brand-material-content .brand-material {
		margin-left: 0px;
		width: 25px !important;
		height: 25px !important;
	}
	
}

/* -------------------------------------------------- */
/* ------------- TABLET E LAPTOP PICCOLI ------------ */
/* ------------- USARE LG- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 1200px){
	
	/* ----- object - carousel ----- */
	.carousel {
		--carousel-arrow-d: 45px;
		--carousel-arrow-icon-d: 20px;
	}
	.carousel .flickity-prev-next-button {
		top: 135px;
	}

	/* ----- object - include el testo - collezione ----- */
	.carousel-single-arrow .carousel .flickity-prev-next-button {
		top: 120px;
	}

	/* ----- topbar ----- */
	#topbar .pr-20.mr-20.border-r-1-white {
		padding-right: 15px !important;
		margin-right: 15px !important;
	}
	
	/* ----- header ----- */
	#mainMenu nav > ul > li.border-l-1-white.pl-15.ml-15 {
		padding-left: 10px !important;
		margin-left: 10px !important;
	}
	
	/* ----- header - sticky ----- */
	.sticky-active .header-inner #mainMenu.menu-lines nav > ul > li > a {
		font-size: 12px !important;
	}
	.sticky-active .header-inner #mainMenu nav > ul > li > a:not([class*="btn-"]) {
		padding-right: 3px;
		padding-left: 3px;
	}
	.sticky-active .header-inner #mainMenu.menu-lines nav > ul > li.border-l-1-white.pl-15.ml-15 {
		padding-left: 5px !important;
		margin-left: 5px !important;
	}
	.sticky-active .header-inner .searchHeaderMobile {
		padding-left: 8px !important;
		margin-left: 10px !important;
	}
	
	/* ----- footer ----- */
	#footer .col-footer-social > .d-flex {
		display: block !important;
	}
	#footer .col-footer-social ul.social-footer {	
		justify-content: space-evenly;
		min-height: 40px;
		margin-bottom: 20px !important;
	}
	#footer .col-footer-social ul.social-footer > li {
		margin-right: 0 !important;
	}

	
}

/* -------------------------------------------------- */
/* ------------- TABLET ORIZZONTALI ----------------- */
/* ------------- USARE MD- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 1024px) {
	
	/* ----- variables ----- */
	:root {

		/* --- font size --- */
		--display1-size: 50px;

		--display2-size: 30px;

		--h1-size: 50px;

	}
	
	/* ----- object - general ----- */
	.w-lg-100,
	.mainMenu-open #mainMenu ul.w-lg-100 {
		width: 100% !important;
	}
	
	/* ----- object - box collection ----- */
	.box-collection .box-collection-container {
		min-height: 350px;
	}
	
	/* ----- object - carousel ----- */
	.carousel {
		--carousel-arrow-d: 40px;
		--carousel-arrow-icon-d: 15px;
	}
	.carousel .flickity-prev-next-button {
		top: 155px;
	}
	.carousel.carousel-famiglie-home .flickity-button.next,
	.carousel.carousel-famiglie-home .flickity-button.next:hover {
    right: 10px !important;
  }

	/* ----- object - include el testo ----- */
	.list-testo-el-gruop-icon {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.list-testo-el-gruop-icon > li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 0 !important;
	}

	/* ----- object - include el testo - collezione ----- */
	.carousel-single-arrow .carousel .flickity-prev-next-button {
		top: 100px;
	}
	
	/* ----- topbar ----- */
	#topbar {
		display: none !important;
	}
	
	/* ----- topbar 2 ----- */
	#topbar2 {
		display: none !important;
	}
	
	/* ----- header ----- */
	.overlay-menu {
		background: linear-gradient(to top, rgba(0,0,0,0) 0, rgba(0,0,0,.3) 35%, rgba(0,0,0,.65) 60%, #000 120%);
		height: 120px;
	}
	#header .container-fluid {
		background-color: transparent !important;
		transition: 0.3s all ease-in-out;
	}
	.header-inner #logoMobile.d-none,
	.header-inner #logoSticky.d-none {
		position: absolute;
		top: 0;
		left: calc(50% - 75px);
		align-items: center;
		height: 80px;
	}
	.header-inner #logoMobile.d-none {
		display: flex !important;
	}
	.header-inner #logoMobile.d-none svg,
	.header-inner #logoSticky.d-none svg {
		max-width: 150px !important;
		width: 100%;
		padding: 10px;
	}
	.header-inner #mainMenu-trigger .lines {
		top: 0;
	}
	.header-dark .header-inner #mainMenu-trigger .lines,
	.header-dark .header-inner #mainMenu-trigger .lines:before,
	.header-dark .header-inner #mainMenu-trigger .lines:after {
		background-color: var(--black) !important;
	}
	#header .header-icon-mobile {
		position: absolute;
		top: 0;
		right: 30px;
		display: grid;
		grid-template-columns: repeat(3, 30px);
		grid-template-rows: 30px;
		grid-column-gap: 20px;
		align-content: center;
		justify-items: center;
		align-items: center;
		height: 80px;
	}
	#header .header-icon-mobile [class^="icon-"] {
		display: flex;
		align-items: center;
	}
	#header .header-icon-mobile *.mr-20 {
		margin-right: 0 !important;
	}
	.header-extras {
		display: block !important;
	}
	
	/* ----- header - menu mobile open ----- */
	.mainMenu-open #header:not(.submenu-light).dark .header-inner {
		background-color: var(--white) !important;
	}
	.mainMenu-open #header .container-fluid {
		height: 80px;
		background-color: var(--white) !important;
	}
	.mainMenu-open #header .container-fluid #mainMenu-trigger .lines {
		background-color: transparent !important;
	}
	.mainMenu-open #header .container-fluid #mainMenu-trigger .lines:before,
	.mainMenu-open #header .container-fluid #mainMenu-trigger .lines:after {
		background-color: var(--black) !important;
	}
	.mainMenu-open #header .container-fluid .header-icon-mobile i {
		color: var(--black);
	}
	.mainMenu-open #header .container-fluid .header-icon-mobile i .badge-cart-header {
		color: var(--white);
		background-color: var(--primary-color);
	}
	.mainMenu-open #header .container-fluid #logoMobile.d-none {
		display: none !important;
	}
	.mainMenu-open #header .container-fluid #logoSticky.d-none {
		display: flex !important;
	}
	#header #mainMenu {
		position: absolute;
		top: 80px;
		left: 0;
		display: block;
		width: 50vw !important;
		height: calc(100vh - 80px);
		min-height: calc(100vh - 80px) !important;
		background-color: var(--white);
		padding: 0 15px 20px 15px;
		visibility: hidden;
		transform: translateX(-30vw);
		opacity: 0;
		transition: 0.3s all ease-in-out;
	}
	.mainMenu-open #header #mainMenu {
		visibility: visible;
		transform: translateX(0);
		opacity: 1;
	}
	#header #mainMenu nav {
		transform: none !important;
		transition: 0.3s all ease-in-out !important;
	}
	.mainMenu-open #header #mainMenu nav {
		padding-bottom: 0;
	}
	.mainMenu-open #header #mainMenu nav > *:not(ul) {
		display: none !important;
	}
	.mainMenu-open #header #mainMenu nav > ul {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}
	.mainMenu-open #header #mainMenu nav > ul > li:not(:last-child) {
		width: 100%;
		margin-bottom: 10px;
	}
	.mainMenu-open #header #mainMenu nav > ul > li:before {
		content: none;
	}
	.mainMenu-open #header #mainMenu nav > ul > li.border-l-1-white {
		position: relative;
		padding-top: 10px !important;
		padding-left: 0 !important;
		border-top: 1px solid transparent !important;
		border-left: none !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
	}
	.mainMenu-open #header #mainMenu nav > ul > li.border-l-1-white:before {
		content: "";
		position: absolute;
		top: -1px;
		left: 0;
		display: block;
		width: 33%;
		height: 1px;
		background-color: var(--primary-color);
	}
	.mainMenu-open #header #mainMenu nav > ul > li.btn-header > a.btn-primario {
		padding-right: 22px;
		padding-left: 22px;
	}
	.mainMenu-open #header #mainMenu nav > ul > li > a {
		display: flex;
		align-items: center;
		width: 100%;
		height: 40px;
		font-size: 14px !important;
		color: var(--black) !important;
		background-color: white !important;
		padding: 0 !important;
		border: none !important;
	}
	.mainMenu-open #header #mainMenu nav > ul > li > .dropdown-arrow {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		transition: 0.2s all ease-in-out;
	}
	.mainMenu-open #header #mainMenu nav > ul > li > .dropdown-arrow:before {
		content: "\f054";
		font-family: "Font Awesome 6 Pro";
		color: var(--black);
	}
	.mainMenu-open #header #mainMenu nav > ul > li.hover-active > .dropdown-arrow {
		transform: rotate(90deg);
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu > li,
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu > li .row-tipo .link-menu-cat.active {
		background: transparent;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo {
		position: relative;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo .col-tipo {
		position: relative;
		z-index: 10;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo .col-tipo .group-link-cat h5 {
		display: none;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo .col-tipo .group-link-cat a {
		display: flex;
		align-items: center;
		width: 100% !important;
		height: 40px;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 55px !important;
		margin-bottom: 30px;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo .col-tipo .group-link-subheader {
		display: none;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo [id^="prodCat"] {
		position: absolute;
		top: calc((var(--n-cat) * 40px + var(--n-cat) * 30px) + 30px);
		left: 15px;
		display: block !important;
		max-width: 40px;
		max-height: 40px;
		padding-right: 0 !important;
		padding-left: 0 !important;
		z-index: 0;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo [id^="prodCat"]:before {
		content: "";
		position: absolute;
		top: -5px;
		left: -5px;
		display: block;
		width: 50px;
		height: 50px;
		background-color: var(--secondary-color);
		border-radius: 50%;
		z-index: 0;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo [id^="prodCat"] .row-prodCat {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo [id^="prodCat"] .row-prodCat .col-text-prodCat {
		display: none;
	}
	.mainMenu-open #header #mainMenu nav > ul > li ul.dropdown-menu .row-tipo [id^="prodCat"] .row-prodCat .col-img-prodCat {
		flex: 0 0 100% !important;
		max-width: 100%;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	#brand .grid-menu-brand {
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin-bottom: 15px;
	}
	
	/* ----- header - sticky ----- */
	.sticky-active .header-inner {
		height: 80px !important;
	}
	.sticky-active .header-inner #logoMobile.d-none {
		display: none !important;
	}
	.sticky-active .header-inner #logoSticky.d-none {
		display: flex !important;
	}
	.sticky-active .header-inner #mainMenu-trigger .lines,
	.sticky-active .header-inner #mainMenu-trigger .lines:before,
	.sticky-active .header-inner #mainMenu-trigger .lines:after {
		background-color: var(--black) !important;
	}
	
	/* ----- header - cart ----- */
	.menu-cart-container .menu-cart-content {
		width: 50vw;
	}
	.menu-cart-container .menu-cart-content .menu-cart-body .menu-cart-total {
		margin-top: 0;
	}
	
	/* ----- header - page title ----- */
	#page-title:not(.subheader-only-breadcrumb) {
		padding: 200px 0 80px 0 !important;
	}
	#page-title.subheader-only-breadcrumb {
		margin-top: 50px;
	}
	
	/* ----- modal ----- */
	#popup {
		max-width: 900px;
	}
	
	/* ----- prodotti - griglia ----- */
	.product-box .product-title {
		padding: 0;
	}
	.product-box .product-content .product-desc {
		padding: 20px 10px;
	}
	
	/* ----- prodotti - prezzo ----- */
	section:not(.product-page) .product-prezzo .prezzo-sconto {
		position: relative;
		font-size: 0.7rem !important;
		padding: 5px 7px;
		margin-left: 10px;
	}
	
}

/* -------------------------------------------------- */
/* ------------- TABLET VERTICALI ------------------- */
/* ------------- USARE SM- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 991px) {


	/* ----- object - general ----- */
	.sez-bg-gradiente {
		padding-top: calc(60px + var(--col-d));
		padding-bottom: calc(60px + var(--col-d));
	}

	/* ----- object - carousel ----- */
	.titolo-carousel-famiglie {
		height: 150px;
		margin-bottom: 20px;
	}

	/* ----- header ----- */
	.header-inner #logoMobile.d-none,
	.header-inner #logoSticky.d-none {
		position: relative;
		left: unset;
	}
	#header .container-fluid {
		display: flex;
		justify-content: center;
	}
	.header-extras {
		float: unset;
		position: absolute;
		left: 20px;
	}

	/* ----- index ----- */
	.pr-0.img-best-sell {
		padding-right: 20px !important;
		margin-bottom: 20px;
	}

	/* ----- configuratore ----- */
	.tipologia-conf-container {
		flex-direction: column;
	}
	.tipologia-conf-container .tipologia-conf-card {
		width: 100%;
	}

	/* ----- padding e margin ----- */
	.pr-sm-20 { padding-right: 20px; }

	.pl-sm-20 { padding-left: 20px; }

	.mb-sm-20 { margin-bottom: 20px; }

}

@media (max-width: 768px) {

	/* ----- variables ----- */
	:root {

		/* --- font size --- */
		--h2-size: 29px;

	}

	/* ----- object - general ----- */
	section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/* ----- object - box collection ----- */
	.box-collection .box-collection-container {
		min-height: 350px;
	}

	/* ----- object - carousel ----- */
	.carousel .flickity-prev-next-button {
		top: 115px;
	}
	
	/* ----- object - include el testo - collezione ----- */
	.text-collezione p {
		margin-bottom: 20px;
	}
	.carousel-single-arrow .carousel .flickity-prev-next-button {
		top: 115px;
	}
	
	/* ----- header - menu mobile open ----- */
	#header #mainMenu {
		width: 75vw !important;
	}
	
	/* ----- header - cart ----- */
	.menu-cart-container .menu-cart-content {
		width: 75vw;
	}
	
	/* ----- footer ----- */
	#footer .row-footer-link {
		padding: 0 40px;
		margin-bottom: 0 !important;
	}
	#footer .row-footer-link [class*="col-footer-"] {
		margin-bottom: 60px;
	}
	#footer .row-footer-link [class*="col-footer-"]:not(.col-footer-contatti) {
		padding: 0 10px !important;
	}
	#footer .row-footer-link [class*="col-footer-"]:not(.col-footer-contatti) a {
		font-size: 13px !important;
	}
	#footer .row-footer-link .col-footer-contatti {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#footer .row-footer-link .col-footer-contatti > h5 {
		margin-bottom: 0 !important;
	}
	#footer .row-footer-link .col-footer-contatti > div.d-flex {
		flex-direction: row !important;
	}
	#footer .row-footer-link .col-footer-contatti > div.d-flex > a {
		min-width: unset !important;
		margin-bottom: 0 !important;
	}
	#footer .row-footer-link .col-footer-contatti > div.d-flex > a:first-child {
		margin-right: 15px !important;
	}
	#footer .row-footer-link .col-footer-contatti > div.d-flex > a:last-child {
		margin-left: 15px !important;
	}

	/* ----- area utente - submenu ----- */
	[id*="pageSubmenu"] ul {
		justify-content: flex-start !important;
		overflow: scroll;
	}
	[id*="pageSubmenu"] ul li a {
		width: max-content;
	}
	#pageSubmenuAreaUtente ul {
		gap: 15px;
		padding: 15px !important;
	}
	#pageSubmenuAreaUtente ul li {
		padding: 0 !important;
	}

	/* ----- area utente - index ----- */
	.grid-tab-ac-intro {
		grid-gap: 15px;
	}
	.grid-tab-ac-intro > [class*="tab-ac"] .tab-ac-title-big {
		font-size: 40px !important;
	}
	
	/* ----- area utente - carrello ----- */
	.cart-content-checkout{
		background: none !important;
		padding-bottom: 0 !important;
	}
	.cart-content-checkout .row > .shop-cart {
		background-color: var(--secondary-color);
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.quantity-cart-checkout input,
	.quantity-cart-checkout .quantity-totale {
		padding: 5px !important;
	}
	
	/* ----- prodotti - dettaglio ----- */
	#prodDettaglio .product-page .product-desc .product-desc-col-info .dimensioni-prod-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 20px;
		margin-bottom: 20px;
	}

	/* ----- gallery ----- */
	.griglia-masonry {
		columns: 3 !important;
	}
	
}

/* -------------------------------------------------- */
/* ------------- SMARTPHONE ------------------------- */
/* ------------- USARE XS- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 576px){
	
	/* ----- variables ----- */
	:root {

		/* --- font size --- */
		--display1-size: 30px;
		--display2-size: 25px;
		--h1-size: 30px;
		--h2-size: 25px;
		--h3-size: 22px;
		--h4-size: 20px;

		--col-d: 10px;
	
	}
	
	/* ----- object - carousel ----- */
	#chiSiamoHome h1 {
		font-size: var(--h2-size) !important;
	}
	
	/* ----- object - carousel ----- */
	.carousel .flickity-prev-next-button {
		top: 170px;
	}

	/* ----- object - include el testo ----- */
	.list-testo-el-gruop-icon {
		display: block;
	}
	.list-testo-el-gruop-icon > li {
		display: grid;
		grid-template-columns: 50px auto;
		grid-column-gap: 20px;
		justify-content: start;
		align-items: center;
		margin-bottom: 20px !important;
	}
	.list-testo-el-gruop-icon > li > i {
		text-align: center;
		margin-right: 0 !important;
	}

	/* ----- object - include el testo - collezione ----- */
	.carousel-single-arrow .carousel .flickity-prev-next-button {
		top: 170px;
	}
	.carousel-single-arrow .carousel .flickity-prev-next-button.previous {
		display: block !important;
	}
	.text-collezione {
		margin-bottom: 20px;
	}
	
	/* ----- header ----- */
	#header .header-icon-mobile {
		right: 20px;
		grid-template-columns: repeat(2, 30px);
		grid-column-gap: 10px;
	}
	#header .header-icon-mobile .icon-preferiti {
		display: none !important;
	}

	/* ----- header - logo ----- */
	.header-inner #logoMobile img,
	.header-inner #logoSticky img {
		max-width: 150px;
	}

	/* ----- header - menu mobile open ----- */
	#header #mainMenu {
		width: 100vw !important;
	}
	
	/* ----- header - cart ----- */
	.menu-cart-container .menu-cart-content {
		width: 100vw;
	}
	
	/* ----- header - cart ----- */
	#prodDettaglio #page-title {
		display: none !important;
	}
	
	/* ----- footer ----- */
	#footer .row-footer-link {
		padding: 0;
	}
	#footer .row-footer-link .col-footer-contatti {
		flex-direction: column;
		align-items: flex-start;
	}
	#footer .row-footer-link .col-footer-contatti > h5 {
		margin-bottom: 20px !important;
	}
	#footer .row-footer-link .col-footer-contatti > div.d-flex {
		justify-content: space-between !important;
	}
	#footer .col-footer-certificazioni {
		margin-top: 20px;
	}
	#footer .col-footer-certificazioni .certificazioni-link {
		display: none;
	}
	#footer .col-footer-certificazioni .certificazioni-loghi {
		grid-column-gap: 10px;
	}
	
	/* ----- slider ----- */
	#slider.inspiro-slider .flickity-prev-next-button {
		display: none;
	}

	
	/* ----- modal ----- */
	#popup {
		max-width: 300px;
		padding: 40px 15px;
	}
	#popup form .container {
		padding: 0 !important;
	}
	#popup form .container .modal-close {
		top: 15px;
		right: 15px;
	}
	#popup form .container .row {
		flex-direction: column-reverse;
	}
	#popup form .container .row img {
		margin-bottom: 30px;
	}
	#popup .modal-close {
		top: 15px;
		right: 15px;
	}
	
	/* ----- index ----- */
	.grid-best-sell-home > div {
		flex: 1 1 100%;
	}

	/* ----- area utente - registrazione ----- */
	.form-area-utente #pswd_info {
		top: 170px;
		right: calc(50% - 150px) !important;
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, 10%);
    z-index: 100;
	}
	.form-area-utente #pswd_info.pswd_info_absolute_change {
		top: unset;
		bottom: 100%;
		text-align: left;
	}
	.form-area-utente #pswd_info h4 {
		font-size: 15px !important;
	}

	/* ----- area utente - submenu ----- */
	.grid-tab-ac-intro {
		display: flex;
		flex-direction: column;
	}

	/* ----- area utente - index ----- */
	.tabella-profilo .col-img-profilo {
		text-align: center;
	}
	.tabella-profilo .col-img-profilo svg.img-circle {
		max-width: 200px;
		margin-bottom: 30px;
	}

	/* ----- area utente - index - griglia ----- */
	.grid-tab-ac-intro {
		display: flex;
		flex-direction: column;
	}
	:not(.link-faq-contatti) .tab-link:hover:before,
	.link-faq-contatti:hover .tab-link:before {
		clip-path: circle(150% at calc(100% - 27.5px) 27.5px);
	}
	.tab-link:before {
		clip-path: circle(0% at calc(100% - 27.5px) 27.5px);
	}
	.grid-tab-ac-intro > [class*="tab-ac"] {
		align-items: flex-start !important;
		padding: 20px;
	}
	.grid-tab-ac-intro > [class*="tab-ac"] .tab-link-dettaglio,
	.grid-tab-ac-intro > [class*="tab-ac"] .tab-icon {
		top: 10px;
		right: 10px;
	}
	.grid-tab-ac-intro > [class*="tab-ac"] > i.fa-5x {
		font-size: 2.5em;
	}

	/* ----- area utente - carrello ----- */
	section.bg-area-utente > .container.form-area-utente {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	/* ----- area utente - carrello ----- */
	.cart-content-checkout{
		background: none !important;
		padding-bottom: 0 !important;
	}
	.cart-content-checkout .row > .shop-cart {
		background-color: var(--secondary-color);
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.row-single-el-cart {
		display: grid;
		grid-template-columns: 30% 70%;
		align-items: center;
		margin-bottom: 20px !important;
	}
	.row-single-el-cart h5 {
		margin-bottom: 0 !important;
	}
	.row-single-el-cart .col-single-el-cart-quantity {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
	}
	.row-single-el-cart .col-single-el-cart-quantity .quantity-cart-checkout {
		margin-bottom: 0 !important;
	}
	
	/* ----- look - dettaglio ----- */
	#lookDettaglioIntro .col-foto-look-dettaglio-intro {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.look-group-dettaglio .over-el-container {
		top: calc(var(--look-prod-pos-y) - 25px);
		left: calc(var(--look-prod-pos-x) - 25px);
		padding: 5px;
	}
	.look-group-dettaglio .over-el-container .over-el-content {
		width: 150px;
		box-shadow: 0px 0px 10px -5px black;
		padding: 10px;
	}
	.look-group-dettaglio .over-el-container .over-el-content a .prezzo-definitivo {
		font-size: 17px !important;
	}
	
	/* ----- prodotti - sidebar ----- */
	#sidebarfiltri.m-hide {
		display: none !important;
	}
	#sidebarfiltri.m-show {
		display: block !important;
	}
	
	/* ----- prodotti - dettaglio ----- */
	#prodDettaglio .product-page {
		margin-top: 40px;
	}
	#prodDettaglio .product-page .product-desc {
		flex-direction: column-reverse;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-info {
		position: relative;
		top: 0;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro > .col-md-4.text-right {
		position: absolute;
		top: -50px;
		display: flex;
		justify-content: flex-end;
		z-index: 200;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro > .col-md-4.text-right > * > i {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 35px;
		width: 35px;
		line-height: 1rem;
		color: var(--primary-color);
		background-color: var(--secondary-color);
		border-radius: 50%;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-info .product-desc-col-info-intro #productShare .group-icon-condividi {
		top: 46px;
		right: 7.5px;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto {
		padding: 0 !important;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image {
		position: relative;
		height: calc(100vw) !important;
		overflow-x: hidden;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"] {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(100vw);
		height: calc(100vw);
		background-color: var(--white);
		opacity: 0;
		visibility: hidden;
		z-index: 100;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"].gallery-go-left,
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"].gallery-go-right,
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"].actual {
		opacity: 1;
		visibility: visible;
		transition: all 0.2s ease-in-out;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"].gallery-go-left {
		transform: translateX(-100vw);
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"].gallery-go-right {
		transform: translateX(100vw);
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"].actual {
		transform: translateX(0) !important;
		z-index: 110 !important;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image [id^="imgProdGallery"] img {
		width: auto !important;
		max-width: calc(100vw) !important;
		height: auto !important;
		max-height: calc(100vw) !important;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image .prod-gallery-control {
		position: absolute;
		top: 50%;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 0;
		padding: 0 10px;
		z-index: 150;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image .prod-gallery-control i {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		color: var(--white);
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		transition: all 0.3s ease-in-out;
	}
	#prodDettaglio .product-page .product-desc .product-desc-col-foto .product-image .prod-gallery-control i:hover {
		color: var(--primary-color);
		background-color: var(--secondary-color);
	}	
	.brand-material-container .brand-material-content .brand-material {
		margin: 5px;
	}
	
	/* ----- blog - dettaglio ----- */
	#blogDettaglio .close-open-sb {
		position: absolute;
		z-index: 200;
		top: 20px;
		left: 20px;
	}
	#blogDettaglio .sidebarBlog-mobile {
		background: #fff;
		padding: 50px 15px 0;
		position: absolute;
		z-index: 100;
		width: 100% !important;
		min-height: 100% !important;
		float: unset !important;
		top: 0;
		left: 0;
	}
	
	/* ----- gallery ----- */
	.griglia-masonry {
		columns: 2 !important;
	}

	/* ----- pagine dinamiche ----- */
	#pagineDinamiche .col-sidebar-pag-dinamiche a i {
		position: relative;
		top: 2px;
		transform: rotate(90deg);
	}
	
	.include-wa-icon {
    bottom: 25px;
    right: 24px;
	}
	.include-wa-icon a:before {
			top: -10.5px;
			left: -12.5px;
			width: 64px;
			height: 64px;
			transform: scale(0);
			transform: scale(1);
	}
	
}