@import url('https://fonts.googleapis.com/css2?family=Anton&family=Dosis:wght@500;700&display=swap');


* {
	transition-duration: .3s;
	outline: 0;
	resize: none;
}
body,input,select,textarea {
	font-family: 'Dosis', sans-serif !important;
	margin: 0;
	font-size: 15px;
}
a {
	text-decoration: none;
	color: initial;
}

#footer a {color: #888;}
#footer a:hover {color: #fff !important;}

.bg_set {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
	#header {
		order: 1px solid;
		padding: 5px;
		background: #fff;
		box-shadow: 1px 0 10px 2px rgb(37 2 2 / 10%);
		position: fixed;
		z-index: 10;
		inset: 0 0 auto;
		top: 0;
		left: 0;
		right: 0;
	}
		#offset {
			border: inherit;
			width: 90%; 
			margin: 0 0 0 auto;
		}
			#hd,#hd_ {
				border: inherit;
				position: relative;
				text-align: center;
			}
				#logo,#sbar,#cta {
					border: inherit;
					display: inline-block;
					width: 50%;
					position: relative;
					bottom: 5px;
				}#logo {
					width: 56px;
					height: 56px;
					position: absolute;
					left: 0;
					top: -2px;
					background-image: url(../IMG/logo.png);
				}#cta {
					width: 150px;
					position: relative;
					top: 10px;
				}
					#cart_,#heart {
						order: 1px solid;
						display: inline-block; 
						height: 40px;
						width: 40px;
						cursor: pointer;
						margin: 0 10px;
						position: relative;
						background-size: contain;
						background-image: url(../IMG/heart2.png); 
					}#cart_ {background-image: url(../IMG/cart1.png); margin-right: 20px;}
					    #cn {
					        position: absolute;
					        background: rgb(200,0,0);
					        color: #fff;
					        padding: 0 5px;
					        font-weight: bold;
					        text-align: center;
					        min-width: 9px;
					        border-radius: 10px;
					        font-size: 13px;
					        top: -5px;
					        right: -5px;
					    }
					#h_src { 
						border: inherit;
						border: 2px solid #aaa;
						text-align: left;
						border-radius: 50px;
						ackground: #fff;
					}
						#h_src input {
							border-color: transparent;
							background: transparent;
							width: 92%;
							font-size: 18px;
							padding: 7px 10px;
							border-radius: 50px 0 0 50px;
						}
						#h_src .fa {
							font-size: 25px;
							color: #aaa;
							padding: 6px 7px;
							border-radius: 0 100% 100% 0;
							position: relative;
							top: 2px;
							cursor: pointer;						
						}#h_src .fa:hover {color: #888;}

			#hd_ {
				padding: 10px 0;
				width: 80%;
			}
				#hd_ a {
					border: inherit;
					margin: 0 10px;
					ont-weight: bold;
					color: #666;
				}#hd_ a:hover {color: #888;}

/* PRODUCT PAGE */
	#content {
		order: 1px solid;
		margin-top: 165px;
	}
		#content>#offset {margin: auto;}
			#crumbs {
				border: inherit;
				margin: 20px 0;
				text-align: center;
			}
			#p_det {
				border: inherit;
				padding-top: 50px;
				text-align: center;
			}
				#thbnl, #prvw, #pdet {
					border: inherit;
					display: inline-block;
					text-align: initial;
					width: 40%;
					margin: 0 25px;
					height: 500px;
					max-width: 500px;
				}#thbnl {
					width: 150px;
					margin-left: 0;
				}#thbnl_ {display: none;}
					#thmb {
						order: inherit;
						width: 100px;
						height: 100px;
						margin: 0 0 10px;
						border-radius: 10px;
						background-color: #ddd;
					}
				#prvw {}
					#prvw_ {
						background-color: #ddd;
						background-size: contain;
						border-radius: 10px;
						position: relative;
						height: 500px;
						background-image: url(../IMG/bead.jpg);
					}
						#s_ctrl {
							order: 1px solid;
							position: absolute;
							height: 50px;
							inset: 0 -70px;
							top: 0;
							bottom: 0;
							left: -70px;
							right: -70px;
							margin: auto;
						}
							#s_ctrl .fa {
								font-size: 50px;
								border: inherit;
								padding: 0 20px 0 12px;
								cursor: pointer;
								background: #eee;
								color: #888;
								border-radius: 100%;
								box-shadow: 1px 0 5px 2px rgba(900,0,0,.2);
							}.fa-caret-right {
								float: right;
								padding: 0 12px 0 20px !important;
							}
				#pdet {
					width: 36%;
					margin-right: 0;
					color: #888;
					position: relative;
					font-size: 25px;
				}
					#pnam {
						font-size: 25px;
						color: #d30;
						line-height: 30px;
						margin-bottom: 10px;
					}
					#pprc {
						margin: 10px 0;
						font-size: 35px;
					}
						#pprc span {
							color: #090;
							font-weight: bold;
						}
						#pprc strike {
							font-size: 30px;
							color: #900;
							margin-left: 10px;
						}
					#psle {
						color: #090;
						margin: -10px 0 10px;
					}
					#tax {
						color: #333;
						font-size: 25px;
					}
					#pdcs {
						margin: 5px 0;
						color: #555;
					}
					#order {
						order: 1px solid;
					}
						#odet {
							order: 1px solid;
							margin-bottom: 10px;
						}
							#det {
								color: #333;
							}
							#odet select, #odet input, #odet textarea {
								width: 100%;
								margin-top: 5px; 
								padding: 10px;
								font-size: 18px;
								background: #ddd;
								color: #555;
								border: 2px solid transparent;
								border-radius: 5px;
							}#order input {width: 95%;}
							#order textarea {height: 150px; width: -webkit-fill-available;}
						#subm {
							background: #333;
							color: #eee;
							text-align: center;
							border-radius: 20px;
							padding: 10px;
							cursor: pointer;
							margin-top: 20px;
						}
			#o_prod {
				order: 1px solid;
				width: 95%;
				text-align: center;
				margin: auto;
			}
				#o_tl {
					text-align: initial;
					width: 90%;
					margin: 20px auto;
					font-size: 40px;
					color: #888;
					font-weight: 00;
				}
				#prod {
					border: inherit;
					width: 16%;
					height: -webkit-fill-available;
					display: inline-block;
					margin: 0 15px;
					overflow: hidden;
					height: 420px;
				}
					#p_img {
						border: inherit;
						height: 200px;
						border-radius: 5px;
					}
					#o_det {
						border: inherit;
						margin-top: 10px;
						text-align: initial;
					}
						#d_nm {
							font-size: 17px;
							height: 45px !important;
							overflow: hidden;
							color: #000;
							margin-bottom: 10px;
							text-overflow: ellipsis;
							hite-space: pre;
							border: inherit;
						}
						#d_px {
							color: #050;
							font-size: 20px;
							font-weight: bold;
							height: 22px;
						}
						#d_px_ {
							color: #888;
							font-weight: bold;
							height: 40px;
						}
							#d_px_ strike {color: #500;}
							#d_px_ span {
								font-weight: 100;
								font-style: italic;
							}
						#d_shp {
							color: #090;
							filter: grayscale(70%);
						}

/* CART PAGE */
	#ccnt {
		order: inherit;
		font-size: 30px;
		color: #555;
		margin: 20px 0;
	}
	#conf {
		border: inherit;
		text-align: center;
		display: inline-block;
		padding: 5px 5px 1px;
		border-radius: 5px;
		background: hsl(203,100%,70%,.5);
	}
		#hshk,#cf_tx {
			border: inherit;
			display: inline-block;
			overflow: hidden;
			position: relative;
			bottom: 15px;
			color: #555;
		}#hshk {
			width: 50px;
			height: 50px;
			position: unset;
			margin: 0 20px 0 15px;
			background-image: url(../IMG/hshk.png);
		}
			#cf_tx span {
				text-decoration: underline;
				cursor: pointer;
				font-weight: bold;
				margin: 0 10px;
			}
	#cart {
		border: inherit;
		margin-top: 30px;
	}
		#c_itms,#c_smry {
			border: inherit;
			display: inline-block;
			width: 30%;
			overflow: hidden;
		}#c_itms {
			width: 68%;
			min-height: 500px;
		}	
			#itm {
				border: inherit;
				margin-bottom: 40px;
			}
				#p_thmbn,#i_det,#c_act {
					border: inherit;
					display: inline-block;
					overflow: hidden;
					width: 50%;
					margin: 0 10px;
					height: 200px;
				}
					#i_det #pprc, #i_det #pnam {margin: 0; opacity: .7;}
				#p_thmbn {width: 200px; margin-left: 0;}
					#thmbn {
						height: 200px;
						border-radius: 10px;
						background-image: url(../IMG/prod4.jpg);
					}
					#pdcs {
						font-size: 25px;
					}
						#pdcs div {
							margin: 5px 0;
							color: #888;
							text-align: right;
						}
							#pdcs b {
								font-weight: normal;
								color: #333;
								margin-right: 10px;
								float: left;
							}
				#c_act {
					width: 100px;
				}
						#c_act select {
							width: -webkit-fill-available;
							background: #eee;
							padding: 10px;
							border-radius: 5px;
							border: none;
							color: #555;
							font-weight: bold;
							cursor: pointer;
						}
					#edt, #rmv {
						margin-top: 20px;
						padding: 10px;
						border-radius: 5px;
						color: #070;
						font-weight: bold;
						background: #eee;
						cursor: pointer;
					}#rmv {color: #700;}
						#edt span, #rmv span {
							float: right;
							font-weight: bold;
						}
		#c_smry {
			order: 1px solid;
			float: right;
            position: sticky;
            top: 150px;
            padding-bottom: 50px;
		}
			#c_tl {
				font-size: 22px;
				color: #555;
			}
			#p_mthd {
				border: inherit;
				margin-top: 20px;
			}
				#s_card {
					order: 1px solid;
					margin-bottom: 10px;
				}
					#s_card i {
						font-size: 25px;
						color: #555;
						margin-right: 10px;
						position: relative;
						bottom: 10px;
					}
					#c_lg {
						border: inherit;
						display: inline-block;
						width: 75px;
						background-size: contain;
						height: 45px;
						margin: 0 2px;
						border-radius: 7px;
					}
				#c_sum {
					border: inherit;
					margin-top: 20px;
				}