.cvz-tile-root {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 20px 0 0 0;
background-color: #fff;
}
.cvz-tile-left { flex: 1 1 45%; background-color: #fff;padding: 40px 0 40px 6%;}  .cvz-tile-right { flex: 1 1 50%; padding-right: 6%; }
.cvz-tile-left h3 {font-size: 42px;line-height: 50px;font-weight: 700;margin: 48px 0 48px 15px;}  .cvz-tile-colors { list-style:none; padding:0; display:flex; flex-wrap:wrap; gapx:20px; margin: -10px; }
.cvz-color-item { cursor:pointer; border:2px solid transparent; border-radius:2px; margin: 10px !important; }
.cvz-color-item.active { border-color: #f4f4f4; padding: 10px; background-color: #f4f4f4;}
.cvz-color-item img { width:150px; height:150px; object-fit:cover;}
.cvz-color-item.active img { width:130px; height:130px; object-fit:cover;}  .cvz-gallery-slider { position:relative; overflow:hidden; background-color: #f7f7f7; padding: 40px 80px 10px;}
.cvz-gallery-slider img { border-radius: 2px !important;} .cvz-tile-info {
padding: 15px 0;
}
.cvz-tile-info .cvz-color-title {
font-size: 25px;
color: #000;
font-weight: 300;
margin: 0 0 5px 0;
}
.cvz-tile-info .cvz-color-sku {
font-size: 13px;
color: #4f4f4f;
margin: 0 0 15px 0;
}
.cvz-tile-info .cvz-color-description-display {
font-size: 18px;
line-height: 1.6;
font-style: italic;
font-weight: 300;
color: #000;
}
.cvz-gallery-prev, .cvz-gallery-next {
position:absolute; top:50%; transform:translateY(-50%);
background:rgba(0,0,0,0.4); color:#fff; border:none;
padding:0 15px; border-radius:2px; cursor:pointer; margin:0;
}
.cvz-gallery-prev { left:10px; }
.cvz-gallery-next { right:10px; } @media (max-width:768px) {
.cvz-tile-root { flex-direction:column; }
.cvz-color-item img { width:48px; height:48px; }
.cvz-color-item.active img { width:38px; height:38px;} }