.backgroundtoset{
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  text-align: center;
}

.backgroundtosethalf{
  aspect-ratio: 3 / 4;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  text-align: center;
}

.bg-base{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /* fallback */
  --bg-current: none;

  background-image:
    linear-gradient(0deg,
      rgba(0,0,0,var(--alphagradient_start)) var(--percentgradient_start),
      rgba(0,0,0,var(--alphagradient_stop))  var(--percentgradient_stop)
    ),
    var(--bg-current);
}

.bg-base-shop{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /* fallback */
  --bg-current: none;

  background-image:
    linear-gradient(0deg,
      rgba(0,0,0,var(--alphagradient_start)) var(--percentgradient_start),
      rgba(0,0,0,var(--alphagradient_stop))  var(--percentgradient_stop)
    ),
    var(--bg-url);
}

.box-title-shop{font-size:1.2em; font-weight: 500; padding-bottom:0.5rem}
.box-btn-shop{width:90px; border:#fff 1px solid; border-radius: 0;  font-size: 0.9em; color: #fff; background-color: none; display: block; margin: 0 auto 6rem auto}

@media (max-width: 575.98px){ .bg-base{ --bg-current: var(--bg-fit-480); } }
@media (min-width: 576px) and (max-width: 767.98px){ .bg-base{ --bg-current: var(--bg-fit-768); } }
@media (min-width: 768px) and (max-width: 991.98px){ .bg-base{ --bg-current: var(--bg-land-1200); } }
@media (min-width: 992px) and (max-width: 1399.98px){ .bg-base{ --bg-current: var(--bg-land-1920); } }
@media (min-width: 1400px){ .bg-base{ --bg-current: var(--bg-land-2400); } }.stripe{background-color: var(--colorbeige); padding-top: 2rem; padding-bottom: 2rem}
.stripetitle{font-size: 1.6em}
.box-container-main, .box-tessuti-container{display: grid;
  grid-template-columns: repeat(2, 1fr);  
  gap:6px;
}

.box{position:relative; height: 200px; border:#ccc 1px solid; background: url('../imgs/ico-plus.svg') no-repeat; background-size: 50px 50px; background-position: center;}
.show-tessuto, .show-colore{height: 200px; border:#ccc 1px solid; position: relative;}
.tessuto-feat{position:absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(255,255,255, 0.6); padding: 6px; font-size: 0.9em}
.tessuto-feat strong{font-size: 1em; font-weight: 500}

.prezzo{margin-top: 1rem; margin-bottom: 1rem; font-size: 1.2em; font-weight: 500}
.btn-add-cart{margin-top:1.25rem; margin-bottom:1.25rem; border: var(--colorblack) 1px solid; border-radius: 0; background: var(--colorblack); color:#fff; font-size: 1.2em; font-weight: 500; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem}
.btn-add-cart svg{fill: #fff; width: 24px; height: auto}
.btn-add-cart:disabled{opacity: 0.5}

.btn-x{border:var(--colorblack) 1px solid; background: #fff; border-radius: 0; text-align: center; color: var(--colorblack); font-weight: 500; min-width: 120px}
.btn-go-checkout{border:var(--colorblack) 1px solid; background: #fff; border-radius: 0; text-align: center; color: var(--colorblack); font-weight: 500; min-width: 120px; text-decoration: none !important}

@media (min-width: 440px){
	.box, .show-tessuto, .show-colore{height: 240px; }
}

@media (min-width: 576px){

	.box, .show-tessuto, .show-colore{height: 280px; }
}

@media (min-width: 768px){
	.box-container-main, .box-tessuti-container{display: grid;
  	grid-template-columns: repeat(3, 1fr);  
  	gap:6px;
	}
	.box, .show-tessuto, .show-colore{height: 280px; }
}

@media (min-width: 992px){
	
	.box, .show-tessuto, .show-colore{height: 340px; }
}


@media (min-width: 1200px){
	
	.box, .show-tessuto, .show-colore{height: 410px; }
}

@media (min-width: 1400px){
	.box-container-main{display: grid;
  	grid-template-columns: repeat(6, 1fr);  
  	gap:6px;
	}
	
	.box{height: 280px; }
}