/* ----------------------------------------------- */
/* ------------- SCHERMI SUP. 1920px ------------- */
/* ----------------------------------------------- */
@media (min-width: 1921px) {

	:root {

		--subheader-h: 500px;

	}

	/* ----- object ----- */
	main {
		min-height: calc(100vh - var(--subheader-h) - 409px);
	}

	/* ----- prodotti - scheda ----- */
	.product-box .product-content .product-img img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

}


/* -------------------------------------------------- */
/* ------------- 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: 2rem;
		--h2-line-height: 2.625rem;

	}
	
	/* ----- 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) {

	:root {

		--h4-size: 1.5rem;

		--text-size: 1rem;
		--text-line-height: 1.5rem;


	}
	
	/* ----- 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 .footer-content {
		padding: 60px 30px 30px;
	}
	#footer .footer-content .row-footer-link div.g-80 {
		gap: 20px;
	}
	#footer .divisore-footer {
		width: calc(100% - 60px);
	}

	/* ----- slide ----- */
	#slider .container,
	#slider .container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* ----- prodotti - badge ----- */
	.badge-prodotti,
	.product-box .product-title .badge-prodotti {
		font-size: 0.7rem !important;
		padding-left: 6px;
		padding-right: 6px;
	}

	/* ----- margin e padding ----- */
	.pr-lg-0 { padding-right: 0 !important; }
	
}

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

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

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

	}
	
	/* ----- 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(--nero) !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(--primario-950) !important;
	}
	.mainMenu-open #header .container-fluid {
		height: 80px;
		background-color: var(--primario-950) !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(--bianco) !important;
	}
	.mainMenu-open #header .container-fluid .header-icon-mobile i {
		color: var(--bianco);
	}
	.mainMenu-open #header .container-fluid .header-icon-mobile i .badge-cart-header {
		color: var(--bianco);
		background-color: var(--primario);
	}
	.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(--primario-950);
		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(--primario);
	}
	.mainMenu-open #header #mainMenu nav > ul > li > a[class*="btn-"] {
		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(--bianco) !important;
		padding: 0;
	}
	.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(--bianco);
	}
	.mainMenu-open #header #mainMenu nav > ul > li.hover-active > .dropdown-arrow {
		transform: rotate(90deg);
	}
	#mainMenu nav > ul > li ul.dropdown-menu .row-tipo .link-menu-cat {
		color: var(--bianco);
	}
	.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-cat a:last-child {
		margin-bottom: 0;
	}
	.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"] {
		--d: 40px;
		position: absolute;
		top: calc((var(--n-cat) * 40px + var(--n-cat) * 30px) + 30px);
		left: 15px;
		display: block !important;
		max-width: var(--d);
		max-height: var(--d);
		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: -1px;
		left: -1px;
		display: block;
		width: calc(var(--d) + 2px);
		height: calc(var(--d) + 2px);
		background-color: white;
		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;
		border-radius: 50%;
		overflow: hidden;
	}
	.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(--bianco) !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;
	}
	
	/* ----- cta ----- */
	#cta:before {
		height: 60px;
	}
	
	/* ----- 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;
	}
	
	/* ----- margin e padding ----- */
	.pr-lg-0 { padding-right: 0 !important; }
	
	.pl-lg-0 { padding-left: 0 !important; }
	
	.mb-lg-0 { margin-bottom: 0 !important; }
	.mb-lg-20 { margin-bottom: 20px !important; }
	.mb-lg-30 { margin-bottom: 30px !important; }
	.mb-lg-40 { margin-bottom: 40px !important; }
	.mb-lg-60 { margin-bottom: 60px !important; }
	
}

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

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

		/* --- font size --- */
		--h1-size: 2.5rem;
		--h1-line-height: 3rem;
		--h3-size: 1.5rem;
		--h3-line-height: 2rem;

	}
	
	/* ----- 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;
	}

	/* ----- cta ----- */
	#cta {
		flex-direction: column-reverse;
		padding-bottom: 0;
	}
	#cta:before {
		position: relative;
		height: 300px;
		width: 100%;
	}
	#cta.shape.shape-right:after {
		z-index: -1;
	}
	#cta > .container-fluid {
		padding-bottom: 30px;
	}
	
	/* ----- header - menu mobile open ----- */
	#header #mainMenu {
		width: 75vw !important;
	}
	
	/* ----- header - cart ----- */
	.menu-cart-container .menu-cart-content {
		width: 75vw;
	}
	
	/* ----- footer ----- */
	#footer .row-footer-link {
		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 ----- */
	#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: white;
		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;
	}
	
	/* ----- margin e padding ----- */
	.pt-md-40 { padding-top: 40px !important; }
	.pt-md-80 { padding-top: 80px !important; }
	
	.pr-md-30 { padding-right: 30px !important; }
	.pr-md-55 { padding-right: 55px !important; }
	
	.pl-md-30 { padding-left: 30px !important; }
	.pl-md-55 { padding-left: 55px !important; }
	
	.mb-md-0 { margin-bottom: 0 !important; }
	.mb-md-20 { margin-bottom: 20px !important; }
	.mb-md-40 { margin-bottom: 40px !important; }
	.mb-md-60 { margin-bottom: 60px !important; }
	
}

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

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

		/* --- font size --- */
		--h2-size: 25px;
	
	}

	/* ----- object - shape ----- */
	.shape {
		--scale: 0.6;
	}

	/* ----- 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 - 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;
	}
	
	/* ----- subheader ----- */
	.breadcrumb > ul {
		padding-left: 0 !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;
	}
	
	/* ----- slider ----- */
	#slider.inspiro-slider .flickity-prev-next-button {
		display: none;
	}
	
	/* ----- cta ----- */
	#cta:before {
		content: 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;
	}
	
	/* ----- 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 - 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 - 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: white;
		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(--primario);
		background-color: white;
		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(--bianco);
		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(--bianco);
		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(--primario);
		background-color: white;
	}	
	.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;
	}
	
	/* ----- 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);
	}

	/* ----- area utente ----- */
	[id*="pageSubmenu"] ul {
		justify-content: flex-start !important;
		overflow: scroll;
	}
	[id*="pageSubmenu"] ul li a {
		width: max-content;
	}
	.grid-tab-ac-intro {
		display: flex;
		flex-direction: column;
	}
	
	/* ----- margin e padding ----- */
	.pt-xs-0 { padding-top: 0 !important; }
	
	.pr-xs-0 { padding-right: 0 !important; }
	.pr-xs-5 { padding-right: 5px !important; }
	.pr-xs-7-5 { padding-right: 7.5px !important; }
	.pr-xs-10 { padding-right: 10px !important; }
	.pr-xs-15 { padding-right: 15px !important; }
	
	.pb-xs-0 { padding-bottom: 0 !important; }
	.pb-xs-20 { padding-bottom: 20px !important; }
	
	.pl-xs-0 { padding-left: 0 !important; }
	.pl-xs-5 { padding-left: 5px !important; }
	.pl-xs-7-5 { padding-left: 7.5px !important; }
	.pl-xs-10 { padding-left: 10px !important; }
	.pl-xs-15 { padding-left: 15px !important; }
	
	.mt-xs-20 { margin-top: 20px !important; }
	.mt-xs-25 { margin-top: 25px !important; }
	
	.mb-xs-0 { margin-bottom: 0 !important; }
	.mb-xs-10 { margin-bottom: 10px !important; }
	.mb-xs-20 { margin-bottom: 20px !important; }
	.mb-xs-40 { margin-bottom: 40px !important; }
	.mb-xs-60 { margin-bottom: 60px !important; }
	
}