.zz .zz { 
	text-align: left !important; 
}
.zz1 .zz { 
	text-align: center !important; 
}
.Prod { 
	text-align: left; font-family: var(--d71);
}
.rightBox .Prod { 
	margin: 0; padding-top: 0px; max-width: 100%;
}
.pro-square { 
	cursor: pointer;
	box-sizing: border-box;
}
.shop i.bi{ 
	font-size: 36px !important; 
}

.b11, .b12, .b21, .b31, .b34, .b43, .b35, .b53, .b32, .b23 {  display: inline-block; vertical-align: top; } 

.inside {
  position: relative;
  display: block;
  width: 100%;
  text-align: left; 
  overflow: hidden;
  aspect-ratio: var(--ratio, 1 / 1);
}
.inside.b11 { --ratio: 1 / 1; }
.inside.b12 { --ratio: 1 / 2; }
.inside.b35 { --ratio: 3 / 5; }
.inside.b34 { --ratio: 3 / 4; }
.inside.b21 { --ratio: 2 / 1; }
.inside.b43 { --ratio: 4 / 3; }
.inside.b53 { --ratio: 5 / 3; }
.inside.b32 { --ratio: 3 / 2; }
.inside.b23 { --ratio: 2 / 3; }


.inside.cover img.pic{ 
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.inside.contain img.pic{ 
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.inside.scale-down img.pic{ 
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	display: block;
}

.pd-00 { padding: 0}
.pd-01 { padding: 1.0%}
.pd-02 { padding: 2.0%}
.pd-03 { padding: 3.0%}
.pd-04 { padding: 4.0%}
.pd-05 { padding: 5.0%}
.pd-06 { padding: 6.0%}
.pd-07 { padding: 7.0%}
.pd-08 { padding: 8.0%}
.pd-09 { padding: 9.0%}
.pd-10 { padding: 10%}
.pd-20 { padding: 20%}
.pd-30 { padding: 30%}
.pd-40 { padding: 40%}



.pBox { position: relative; height: 100%; margin: 0 auto; } 


.pro-square.Col-1 { width: 95%; margin: 0 2.5% 5% 2.5%; }
.pro-square.Col-2 { width: 47.5%; margin: 0 2.5% 5% 2.5%; }
.pro-square.Col-3 { width: 30.3333%; margin: 0 1.5% 5% 1.5%;}
.pro-square.Col-4 { width: 23.5%; margin: 0 1% 3% 1%;}
.pro-square.Col-5 { width: 19.2%; margin: 0 0.5% 3% 0.5%;}
.pro-square.Col-6 { width: 16.1666666666667%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-7 { width: 13.7714285714286%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-8 { width: 11.975%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-9 { width: 10.5777777777778%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-10 { width: 9.46%; margin: 0 0.3% 2% 0.3%;}

@media (min-width: 1024px) {
	.Prod.GridCol-1,
	.Prod.GridCol-2,
	.Prod.GridCol-3,
	.Prod.GridCol-4,
	.Prod.GridCol-5,
	.Prod.GridCol-6,
	.Prod.GridCol-7,
	.Prod.GridCol-8,
	.Prod.GridCol-9,
	.Prod.GridCol-10 {
		display: grid;
		align-items: start;
		row-gap: clamp(28px, 4vw, 64px);
	}

	.Prod.GridCol-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 0; }
	.Prod.GridCol-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 5%; }
	.Prod.GridCol-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 3%; }
	.Prod.GridCol-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 2%; }
	.Prod.GridCol-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 1%; }
	.Prod.GridCol-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: .6%; }
	.Prod.GridCol-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); column-gap: .6%; }
	.Prod.GridCol-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: .6%; }
	.Prod.GridCol-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); column-gap: .6%; }
	.Prod.GridCol-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: .6%; }

	.Prod[class*="GridCol-"] > .pro-square {
		display: block;
		width: auto !important;
		margin: 0 !important;
		vertical-align: initial;
	}
}
.pro-square > .pBox{
	overflow: hidden;
}
.pro-square > .pBox .inside{
	width: 100%; margin: 0; *height: 0; text-align: left; transition: 0.8s; -webkit-transition: all 0.8s; -webkit-box-align: center; -webkit-box-pack: center; overflow: hidden;
}
.pro-text-group:not(.p1) { 
	padding: 0px; 
}
.pro-text-group .row ,.pro-text-group .row .pro-text{ 
	padding: 0px !important; margin: 0px !important; 
}
.pro-text-group .pro-text { 
	position: relative; font-size:  0.9rem ; font-weight: 200; 
}
.pro-text-group .pro-text.name { font-size: 100% ; *font-size: 1.1rem; *line-height: 200%!important;}
.rightBox .Col-5 .pro-text-group .pro-text.name, 
.Col-6 .pro-text-group .pro-text.name, 
.Col-7 .pro-text-group .pro-text.name, 
.Col-8 .pro-text-group .pro-text.name, 
.Col-9 .pro-text-group .pro-text.name, 
.Col-10 .pro-text-group .pro-text.name { 
	font-size: 0.95rem; 
}
.pro-text-group .pro-text.name.p1 { font-weight: 400;}
.pro-text-group .pro-text.preview { font-size: 0.944rem; line-height: 150%!important; font-weight: 100; *padding-bottom: 10px;}
.pro-text span { 
	font-size: 0.722rem;  
}	
.pro-text i { 
	font-size: 1.25rem; color: inherit; 
}
.pro-text img{
	position: absolute; right: 0; top: 7px;
}
.item-preview { 
	display: block !important; *align-items: center; overflow:hidden; padding: 0 !important;
}
.item-preview .name{ 
	 display: flex; align-items: center; justify-content: center; font-size: 1.05rem !important;
}
.item-preview .pPreview{ 
	display: flex; align-items: center; overflow:hidden; *padding: 10px; width: auto !important;
}
.item-preview .pPreview div{ 
	display: inline-block; max-height: 100%; overflow:hidden; margin: 0 auto; text-align: left; padding: 10px; 
}
.item-preview.shop .name{ 
	height: 50%; 
}
.item-preview.shop .pPreview{ 
	height: 50%;
}
.item-preview div.addCart-text{ 
	height: 45%; display: flex; align-items: center; justify-content: center; font-size: 22px !important;
}
.off {
	display:inline-block; padding:0 5px; background-color:rgba(255,0,0,.365); color:#fff; font-size: 0.95rem !important; float: right;
}
@font-face {
  font-family: "San Francisco";
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}
b.price{  
	font-size: 1.35rem; *font-weight: 500; *font-family: Poppins, San Francisco, Arial, Helvetica, sans-serif; *line-height:1.5
}
b.price small{ 
	font-size: 0.75em;
}
.soldedCount {
	display:inline-block; font-size: 0.75rem;
}
.addCart { 
	*display: inline-block;
}
.pro-text.price { 
	text-align: right;
}
@media (max-width: 1024px) {
	.contentBuilder hr {
		min-width: 95%!important; 
	}
	.addCart { 
		*display: inline-block;
	}
	.pro-text.price { 
		text-align: right;
	}
}
@media (max-width: 992px) {


	.rightBox .Prod, .Prod {  margin: 0 ; }
	.pro-square.Col-5- { width: 25%; }
	.pro-square.Col-6- { width: 25%; }
	.pro-square.Col-7- { width: 25%; }
	.pro-square.Col-8- { width: 25%; }
	.pro-square.Col-9- { width: 25%; }
	.pro-square.Col-10- { width: 25%; }
}
@media (max-width: 767.98px) {
	
	.inside { *background-size: contain !important; } 
	.inside.b11- { padding-bottom: 50%;} 
	.inside.b12- { padding-bottom: 50%;} 
	.inside.b35- { padding-bottom: 50%;} 
	.inside.b34- { padding-bottom: 50%;} 
	.inside.b21- { padding-bottom: 50%;} 
	.inside.b43- { padding-bottom: 50%;} 
	.inside.b53- { padding-bottom: 50%;} 
	.inside.b32- { padding-bottom: 50%;} 
	.inside.b23- { padding-bottom: 50%;} 

	 
	.pBox- { position: relative; width: 98%; height: 100%; margin: 0 1% 2% 1%; } 

	
	
	
}

@media (max-width: 575.98px) {
	.Prod { 
		width: 98%; margin: 0 auto;
	}
	
	.pro-square > .pBox .inside:hover::before {	transform: none; -webkit-transform: none; }	
	.pro-text-group { *padding: 10px 5px!important; } 
	.pro-text-group .pro-text.preview { line-height: 150%!important; padding-bottom: 5px;}	

	.pro-text-group:not(.p1) {  padding: 0px; }




	.pro-square.single { width: 84% !important; background: url(), var(--p5) !important; height: auto !important; margin: 0 8% 8% 8% !important; font-size:0} 


	.pro-square.single .pro-text-group .pro-text.name { font-size: 1.1rem !important;  } 
	.pro-square.double .pro-text-group .pro-text.name { font-size: 1rem !important; line-height: 1!important; letter-spacing: 0!important;} 

	
	.pro-square.single .pic { display: inline-block ; margin: 0 !important; }
	.single .item-proname a{ min-height: 43px !important;  text-align: left !important; font-size: 1rem ;line-height: 1.2}

	.pro-square.double .pro-text-group .pro-text, .pro-square.double .pro-text-group .pro-text  *:not(span){*font-size: 0.95rem; 	}

	.pro-square.double { width: 48% !important; margin: 0 1% 2% 1% !important;  } 
	.pro-square.double.FF1 { margin: 0 1% 4% 1% !important;  } 



	
	


	
	
	
	.off {
		font-size: 0.85rem !important;
	}
}