body.single-product {
background: #fff;
}
body.single-product .content-wrap {
width: min(1320px, calc(100% - 48px));
max-width: 1320px;
}
body.single-product div.product {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(420px, 0.88fr);
gap: 64px;
align-items: start;
}
body.single-product div.product .woocommerce-product-gallery {
width: 100% !important;
float: none !important;
}
body.single-product div.product .summary {
width: 100% !important;
float: none !important;
margin: 0 !important;
padding-top: 24px;
}
body.single-product div.product .product_title {
margin: 0 0 8px;
font-size: 24px;
line-height: 1.2;
font-weight: 500;
}
body.single-product div.product p.price,
body.single-product div.product span.price {
margin: 0 0 22px;
color: #000;
font-size: 18px;
line-height: 1.35;
font-weight: 400;
}
body.single-product div.product p.price del {
color: #666;
opacity: 1;
margin-right: 0;
}
body.single-product div.product p.price ins {
display: block;
margin-top: 2px;
text-decoration: none;
}
body.single-product div.product .woocommerce-product-details__short-description {
margin: 0 0 28px;
color: #111;
font-size: 15px;
line-height: 1.65;
}
body.single-product div.product form.cart {
margin: 0;
}
body.single-product div.product table.variations {
display: none !important;
}
.chadaree-variation-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
gap: 14px;
margin: 22px 0 26px;
}
.chadaree-variation-row {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
.chadaree-variation-thumb {
position: relative;
width: 100%;
aspect-ratio: 3 / 4;
overflow: hidden;
background: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 2px;
}
.chadaree-variation-row.is-selected .chadaree-variation-thumb {
border-color: #000;
}
.chadaree-variation-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.chadaree-variation-row.is-out-of-stock .chadaree-variation-thumb img {
opacity: 0.42;
filter: grayscale(100%);
}
.chadaree-variation-row.is-out-of-stock .chadaree-variation-thumb::before,
.chadaree-variation-row.is-out-of-stock .chadaree-variation-thumb::after {
content: "";
position: absolute;
top: 50%;
left: -10%;
width: 120%;
height: 2px;
background: #111;
transform: rotate(45deg);
}
.chadaree-variation-row.is-out-of-stock .chadaree-variation-thumb::after {
transform: rotate(-45deg);
}
.chadaree-variation-title {
color: #000;
font-size: 13px;
line-height: 1.2;
font-weight: 500;
text-align: center;
}
.chadaree-size-options {
margin: 0 0 22px;
}
.chadaree-size-label {
margin-bottom: 10px;
color: #000;
font-size: 14px;
font-weight: 600;
}
.chadaree-size-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.chadaree-size-button {
min-width: 42px;
height: 34px;
padding: 0 12px;
border: 1px solid #d0d0d0;
border-radius: 6px;
background: #fff;
color: #000;
font-size: 14px;
line-height: 1;
}
.chadaree-size-button.is-selected {
border-color: #000;
background: #000;
color: #fff;
}
.chadaree-size-button.is-out-of-stock {
position: relative;
color: #777;
background: #f7f7f7;
overflow: hidden;
}
.chadaree-size-button.is-out-of-stock::after {
content: "";
position: absolute;
top: 50%;
left: -8px;
width: calc(100% + 16px);
height: 1px;
background: #111;
transform: rotate(-25deg);
}
body.single-product div.product form.cart .quantity {
display: flex !important;
align-items: center;
width: 96px !important;
height: 38px !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
body.single-product div.product form.cart .quantity .qty {
width: 96px !important;
height: 38px !important;
border: 1px solid #d0d0d0 !important;
border-radius: 6px !important;
background: #fff !important;
color: #000 !important;
text-align: center !important;
font-size: 14px !important;
padding: 0 !important;
}
body.single-product div.product .single_variation {
min-height: 0;
}
body.single-product div.product .woocommerce-variation-availability {
display: none !important;
}
body.single-product div.product .reset_variations {
display: none !important;
}
body.single-product div.product .single_add_to_cart_button {
width: 100% !important;
height: 38px !important;
margin-top: 2px !important;
border-radius: 10px !important;
background: #000 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: none !important;
}
body.single-product div.product .single_add_to_cart_button.disabled,
body.single-product div.product .single_add_to_cart_button:disabled {
opacity: 0.45 !important;
}
body.single-product div.product .product_meta {
margin-top: 24px;
color: #111;
font-size: 14px;
}
@media (max-width: 900px) {
body.single-product .content-wrap {
width: min(100% - 28px, 1320px);
}
body.single-product div.product {
display: block;
}
body.single-product div.product .summary {
padding-top: 28px;
}
}