✏️ Editing: _detail.scss Writable

.woocommerce{

div.product{

.onsale{
			display: inline-block;
			top: 10px;
			left: 10px;
			right: auto;
			background: var(--primary);
			padding: 0 10px;
			margin: 0;
			min-height: 25px;
			line-height: 25px;
			font-size: 14px;
			font-weight: 600;
			min-width: unset;
			border-radius: 0;
			text-transform: uppercase;
		}

div.images {
			margin-bottom: 65px;
			.flex-control-thumbs {
				margin-top: 10px;
			    display: grid;
			    grid-template-columns: 1fr 1fr;
			    gap: 10px;
				li {
					width: 100%;
					padding: 20px;
					background-color: $background-field;
				}
			}
		}

.woocommerce-product-gallery{
			.woocommerce-product-gallery__image{
				background-color: $background-field;
				&:not(:first-child){
					margin-top: 10px;
					padding: 0px 0px 0 0px;
				}	
			}
		}

/**
		 * Sumary
		 */
		div.summary{
			margin-bottom: 65px;
			.product_title {
				margin: 25px 0 15px 0;
				font-size: 34px;
				line-height: 1.2;
				font-weight: 500;
				letter-spacing: 0.2px;
			}
			.woocommerce-product-rating{
				display: flex;
				align-items: center;
				margin:  0 0 15px 0 ;

.star-rating{
					font-size: 13px;
					margin: 0px;
					color: var(--primary);
				}
				.woocommerce-review-link{
					font-size: 15px;
					line-height: 1.2;
				}
			}
			.price{
				margin: 0 0 20px 0;
				color: var(--primary);
				.woocommerce-Price-amount{
					font-size: 25px;
					line-height: 1.2;
					color: var(--primary);
					font-weight: 600;
				}
				del{}
				ins{
					margin-left: 3px;
					font-weight: 500;
					text-decoration: none;
				}
			}
			.woocommerce-product-details__short-description{
				margin-bottom: 40px;
			}
			.stock{
				margin: 0 0 18px 0;
				font-size: 16px;
				line-height: 24px;
				letter-spacing: 0.3px;
			}
			form.cart{
				margin: 30px 0 20px 0;
				table.group_table{
					border: none;
					tr{
						border: none;
					}
					td{
						border-color: #e8e8e8;
					}
					td{
						vertical-align: middle;
						font-size: 16px;
						line-height: 1.2;
						letter-spacing: 0.2px;
						label{
							margin: 0;
						}
						
					}
				}
				table.variations{
					margin: 0;
					tr{
						border: none;
						td{
							font-size: 16px;
							line-height: 1.2;
							letter-spacing: 0.2px;
							label{
								font-weight: 400;
								margin: 0;
							}
							.reset_variations{
								font-size: 15px;
								line-height: 1.2;
								color: #202b5d;
								margin-top: 10px;
								display: inline-block !important;
							}

.select2-container{
								height: 40px;
							}
							.select2-selection--single{
								border: 1px solid #e8e8e8;
								border-radius: 2px;
							}

.select2-selection__rendered{
								padding: 0 14px;
								font-size: 15px;
								color: #919baf;
							}

}
					}
				}
				.single_variation_wrap{
					.woocommerce-variation-price{
						margin-bottom: 23px;
					}
				}
				.quantity{
					margin: 0 15px 0 0;
					input{
						font-size: 18px;
						padding-left: 15px;
						padding-right: 10px;
						border-color: #e5e5e5;
						width: 60px;
						height: 50px;
						line-height: 50px;
						&::placeholder{
							font-size: 18px;
						}
					}
				}
				.single_add_to_cart_button {
					font-size: 16px;
					border-radius: $border-radius-btn-2;
					padding: $padding-btn-2;
					line-height: $line-height-form;
					color: #fff;
					background: var(--primary);
					text-transform: uppercase;
					&:hover{
						background: #000;
					}
					&:focus{
						outline: none;
					}
				}
			}
			.product_meta{
				padding: 25px 0 0 0;
				.posted_in, .tagged_as, .sku_wrapper{
					margin-bottom: 8px;
					display: block;
					font-size: 18px;
					line-height: 1.2;
					letter-spacing: 0.2px;
					color: var(--heading);
					span {
						color: var(--heading);
						opacity: 0.8;
					}
					a{
						font-size: 16px;
						line-height: 1.2;
						letter-spacing: 0.2px;
						color: var(--heading);
						opacity: 0.8;
						&:hover {
							color: var(--primary);
						}
					}
				}
			}
		}
		/*end summary*/

/* woo tabs */
		.woocommerce-tabs{
			margin-bottom: 55px;

.panel{
				&#tab-additional_information{
					h2{
						font-size: 24px;
						line-height: 1.2;
						font-weight: 600;
						margin: 0 0 20px 0;
						display: inline-block;
					}
					table.shop_attributes{
						border: 1px solid $border-field-color;
						th{
							font-size: 18px;
							line-height: 1.2;
							font-weight: 500;
							letter-spacing: 0.2px;
							text-transform: capitalize;
							padding: 5px 15px;
							border: 1px solid $border-field-color; 
						}
						td{
							font-size: 16px;
							line-height: 1.2;
							font-weight: 400;
							letter-spacing: 0.2px;
							padding: 5px 15px;
							border: 1px solid $border-field-color;
						}
					}
				}
				#reviews{
					#comments{
						.woocommerce-Reviews-title{
							font-size: 20px;
							line-height: 1.2;
							font-weight: 600;
							margin-bottom: 35px;
						}
						.woocommerce-noreviews{
							margin: -25px 0 29px 0;
						}
						ol.commentlist{
							padding: 0;
							li{
								&:not(:last-child){
									margin-bottom: 35px;
								}
								.comment_container{
									img.avatar{
										width: 80px;
										border: none;
										border-radius: 50%;
										background: transparent;
										padding: 0;
									}
									.comment-text{
										margin: 0 0 0 105px;
										border: none;
										padding: 0;
										border-radius: 0;
										.star-rating{
											font-size: 13px;
										}
										.meta{
											margin: 0 0 14px 0;
											.woocommerce-review__author{
												display: block;
												font-size: 18px;
												font-weight: 600;
												color: var(--heading);
												margin-bottom: 4px;
												text-transform: capitalize;
											}
											.woocommerce-review__dash{
												display: none;
											}
											.woocommerce-review__published-date{
												display: block;
												font-size: inherit;
											}
										}
										.description{
											color: var(--text);
										}
									}
								}
							}
						}
					}
					#review_form_wrapper{
						#review_form{
							#respond{
								.comment-reply-title{
							        font-size: 20px;
								    line-height: 1.2;
								    font-weight: 600;
								    margin-bottom: 35px;
								    color: var(--heading);
									text-transform: none;
								}
								
								.comment-form{
									margin: 15px 0px 0px 0px;
									
									p{
										margin: 0 0 20px 0;
										padding: 0;
									}
									label{
										display: inline-block;
										font-size: 16px;
										line-height: 24px;
										font-weight: 500;
										letter-spacing: 0.2px;
										color: var(--heading);
										text-transform: capitalize;
										margin-bottom: 10px;
										@media(max-width: 767px){
											display: block;
										}
									}
									textarea{
										border: 1px solid $border-field-color;
										background-color: $background-field;
										height: 145px;
										margin: 0;
										padding: 11px 15px;
									}
									input{
										height: 45px;
										margin: 0;
										padding: 0 15px;
									}
									.comment-notes{
										font-size: 17px;
										line-height: 24px;
										.required{
										}
									}
									.comment-form-rating{
										width: 100%;
										margin-bottom: 10px;
										label{
											margin: 0 0 10px;
										    width: 100%;
										    display: block;
										}
										.stars{
											display: inline-flex;
											align-items: center;
											margin: 0;
											a{
												color: #ff9000;
											}
										}
										.select2-container--default {
											display: none;
										}
									}
									.comment-form-author, .comment-form-email {
										flex: calc(50% - 20px);
   										max-width: 50%;
									}
									.comment-form-author {
										margin-right: 10px;
									}
									.comment-form-email {
										margin-left: 10px;
									}
									.comment-form-comment{
										margin-top: 0px;
									}
									.comment-form-cookies-consent{
										display: none;
									}
									.form-submit{
										input{
											display: inline-block;
											height: 50px;
											line-height: 50px;
											font-size: 18px;
											font-weight: 600;
											color: #fff;
											background-color: var(--primary);
											padding: 0 30px;
											width: auto;
											border-radius: $border-radius-input;
											&:hover{
											}
										}
									}
								}
							}
						}
					}
				}
			}
			ul.tabs {
				padding: 0;
				margin: 0 0 40px 0;
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				gap: 20px;
				&:before{
					border-bottom: none;
				}
				li{
					position: relative;
					border: none;
					padding: 0;
					margin: 0;
					border-radius: 0;
					&:before, &:after{
						display: none;
					}
					&.active{
						&:first-child{
							&:before{
								content: '';
								position: absolute;
								display: block;
								top: 0;
								left: -1px;
								width: 1px;
								height: 100%;
								background: #e8e8e8;
							}
						}
						a {
							color: var(--primary);
						}
					}
					a{
						font-size: 18px;
						line-height: 1.2;
						font-weight: 500;
						padding: 16px 25px;
						&:hover {
							color: var(--primary);
						}
						@media (max-width: 767px){
							font-size: 16px;
						}
					}
				}
			}
			.woocommerce-Tabs-panel{
				.woocommerce-Reviews{
					#comments{
						.woocommerce-Reviews-title{
							font-size: 20px;
							line-height: 1.2;
							margin: 0;
						}
					}
				}
				&#tab-description{
					&>p{
						margin-top: 0;
						margin-bottom: 0;
					}
				}
			}
		}
		/* end woo tabs */

/* related */
		.related{
			> h2{
				font-size: 24px;
				line-height: 1.2;
				font-weight: 600;
				margin: 0 0 35px 0;
			}
		}
		/* end related */

}

/* yith woo*/
	.yith-wcwl-add-button, .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse {
		clear: both;
		padding: 12px 0;
	}

}

🔐 Sid Gifari File Manager Pro