div#itempage {
display: flex;
flex-wrap: wrap;
gap: 100px;
}
#itempage #img-box{
width:calc(50% - 100px);
}
#itempage .itemimg{
margin-bottom:30px;
}
#itempage .itemsubimg {
margin: 10px 0 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
#img-box .itemsubimg a {
width: calc(20% - (10px / 5 * 4));
float: unset;
margin: unset;
}
.item-detail-box {
width: 50%;
}
p.product_terms_brand {
font-size: var(--fs20px);
margin-bottom: 18px;
font-weight: 500;
}
h1.item-name {
font-size: var(--fs24px);
margin-bottom: 2em;
}
.product_summary {
margin-bottom: 1.5em;
}
.item-tabs {
width: 100%;
max-width:var(--max-width);
margin: 80px auto; background-color: #fff;
}
.tabs-toggle {
display: flex;
justify-content: center;
gap: 20px;
}
.tab_item {
width: calc(100%/3);
max-width:200px;
height: 50px;
border: 2px solid #E57893;
background-color: #E2E2E2;
line-height: 50px;
font-size:var(--fs16px);
text-align: center;
color: #000;
display: block;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
border-radius: 10px 10px 0 0;
bottom: -2px;
z-index: 2;
}
input[name="tab_item"] {
display: none;
}
.tab_content {
display: none;
clear: both;
overflow: hidden;
border: 2px solid #E57893;
border-radius: 20px;
}
.tab_content_description {
padding: 40px;
}
.item-tabs input:checked + .tab_item {
background-color: #FFF;
border-bottom-color: #FFF;
}
.tab_content_description p,.tab_content_description span:not([class*="glsr-"]){
font-size:var(--fs16px);
line-height: 1.5;
margin-bottom: 1em;
}
.recommendation-block-wrap {
margin: 80px auto;
padding: 30px 0;
border: 1px solid #707070;
border-radius: 20px;
}
p.recommendation-title {
font-size: var(--fs24px);
text-align: center;
margin-bottom: 30px;
}
.recommendation-block {
width: 85%;
max-width: 1000px;
margin: auto;
}
@media only screen and (max-width:1200px){
div#itempage{
gap: 50px;
}
#itempage #img-box {
width: calc(50% - 50px);
}
}
@media only screen and (max-width:840px){
}
@media only screen and (max-width:720px){
.products-item {
padding: 0 15px;
}
div#itempage{
gap: 30px;
}
#itempage #img-box {
width: calc(50% - 30px);
}
.tabs-toggle{
gap:10px;
justify-content: start;
}
.tab_content {
border-radius: 0;
}
.recommendation-block{
width:94%;
}
}
@media only screen and (max-width:620px){
#itempage #img-box, .item-detail-box {
width: 100%;
}
.item-tabs,.recommendation-block-wrap{
margin:50px auto;
}
.tab_content_description{
padding:20px;
}
}
@media only screen and (max-width:460px){
.tabs-toggle {
gap: 0;
}
.tab_item{
display: flex;
justify-content: center;
align-items: center;
font-size:var(--fs14px);
line-height: 1.4;
}
.tab_content_description{
padding:15px;
}
p.recommendation-title{
padding:0 10px;
}
} .product-list-block .slick-item {
width: calc(25% - (30px / 4 * 3));
}
@media only screen and (max-width:950px){
.product-list-block .slick-item {
width: calc(33.3% - (30px / 3 * 2));
}
}
@media only screen and (max-width:750px){
.product-list-block .slick-item {
width: calc(50% - (15px / 2 * 1));
}
}
@media only screen and (max-width:600px){
.product-list-block .slick-item {
width: calc(33.3% - (15px / 3 * 2));
}
}
@media only screen and (max-width:480px){
.product-list-block .slick-item {
width: calc(50% - (15px / 2 * 1));
}
}
@media only screen and (max-width:320px){
.product-list-block .slick-item {
width: 100%;
}
} .item_search_detail {
margin-bottom: 30px;
padding: 15px;
background: #f5f5f5;
}
a.seach-reset {
display: block;
width: fit-content;
margin-top: 15px;
background: #FFF;
padding: 2px 15px;
border: 1px solid;
margin-right: 0;
margin-left: auto;
} .tab_content_description span.glsr-star-rating.glsr-star-rating--ltr,
.tab_content_description span.glsr-star-rating span.glsr-star-rating--stars {
margin-bottom: 0;
}
.reviews_form_block{
margin-bottom: 50px;
}
.reviews_summary_block {
margin-bottom: 30px;
}
.wp-block-buttons {
margin: 20px auto;
}
.glsr-form-message.glsr-form-failed {
background: #ffd1d1;
padding: 15px;
}
.glsr-review {
border-top: 1px solid #eee;
padding: 15px 0;
} .average-reviews {
margin-bottom: 5px;
}
.star5_rating{
position: relative;
z-index: 0;
display: inline-block;
white-space: nowrap;
color: #CCCCCC;
font-size: var(--fs21px);
margin-right: 5px;
}
.star5_rating:before, .star5_rating:after{
content: '★★★★★';
}
.star5_rating:after{
position: absolute;
z-index: 1;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
color: #ffcf32; }
.star5_rating[data-rate="5"]:after{ width: 100%; } .star5_rating[data-rate="4.5"]:after{ width: 90%; } .star5_rating[data-rate="4"]:after{ width: 80%; } .star5_rating[data-rate="3.5"]:after{ width: 70%; } .star5_rating[data-rate="3"]:after{ width: 60%; } .star5_rating[data-rate="2.5"]:after{ width: 50%; } .star5_rating[data-rate="2"]:after{ width: 40%; } .star5_rating[data-rate="1.5"]:after{ width: 30%; } .star5_rating[data-rate="1"]:after{ width: 20%; } .star5_rating[data-rate="0.5"]:after{ width: 10%; } .star5_rating[data-rate="0"]:after{ width: 0%; } span.new-items-badge, span.sale-badge {
display: inline-block;
margin: 5px 0;
padding: 2px 10px;
border: 1px solid;
font-size: var(--fs14px);
}
span.new-items-badge {
color: #DA0B92;
}
span.sale-badge {
color: #4672bf;
}
p.slick-item-name {
margin: 0;
}