.product-summary-card {
display: flex;
align-items: center;
background: #f5f5f5;
padding: 15px;
border-radius: 12px;
margin-bottom: 25px;
cursor: pointer;
transition: background 0.2s ease;
}
.product-summary-card .card-image {
width: 60px;
height: 60px;
border-radius: 8px;
overflow: hidden;
margin-right: 15px;
}
.product-summary-card:hover {
background: #eeeeee;
}
.product-summary-card .card-image img {
width: 100%;
height: 100%;
object-fit: cover;
} body.single-product div.product .summary>h1.product_title,
body.single-product div.product .summary>.price,
body.single-product div.product .summary>p.price {
display: none !important;
} .woocommerce div.product .variations label {
text-transform: uppercase;
font-size: 14px;
font-weight: 600 !important;
letter-spacing: 1px;
margin-bottom: 12px !important;
display: block !important;
color: #000 !important;
} .woocommerce div.product .variable-items-wrapper {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-bottom: 30px !important;
} .variable-item-contents span,
.variable-item i,
.variable-item::before {
display: none !important;
} .woocommerce div.product .custom-color-wrapper .variable-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 85px !important;
height: auto !important;
background: none !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
.woocommerce div.product .custom-color-wrapper .variable-item .variable-item-contents {
width: 80px !important;
height: 100px !important;
border: 2px solid #eee !important;
border-radius: 4px !important;
overflow: hidden !important;
position: relative !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce div.product .custom-color-wrapper .variable-item.selected .variable-item-contents {
border-color: #000 !important;
}
.woocommerce div.product .custom-color-wrapper .variable-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
} .woocommerce div.product .custom-size-wrapper .variable-item {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 45px !important;
height: 40px !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
padding: 0 10px !important;
background: #fff !important;
cursor: pointer !important;
position: relative !important;
}
.woocommerce div.product .custom-size-wrapper .variable-item.selected {
background: #000 !important;
color: #fff !important;
border-color: #000 !important;
} .swatch-label {
display: block !important;
font-size: 11px !important;
font-weight: 600 !important;
text-align: center !important;
color: #000 !important;
margin-top: 6px !important;
width: 100% !important;
white-space: nowrap !important;
}
.custom-size-wrapper .swatch-label {
margin-top: 0 !important;
font-size: 14px !important;
width: auto !important;
}
.custom-size-wrapper .variable-item.selected .swatch-label {
color: #fff !important;
} .variable-item.is-out-of-stock {
opacity: 0.5 !important;
}
.variable-item.is-out-of-stock .variable-item-contents img {
filter: grayscale(100%) !important;
opacity: 0.3 !important;
} .variable-item.is-out-of-stock::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 100% !important;
height: 2px !important;
background: #cf2e2e !important;
transform: translate(-50%, -50%) rotate(-45deg) !important;
z-index: 500 !important;
display: block !important;
} .woocommerce div.product form.cart .quantity {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
width: 160px !important; height: 50px !important;
margin-bottom: 20px !important;
overflow: hidden !important;
background: #fff !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.quantity .qty {
flex: 0 0 70px !important; width: 70px !important;
height: 100% !important;
text-align: center !important;
border: none !important;
font-size: 18px !important;
font-weight: 600 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
-moz-appearance: textfield !important;
}
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.qty-btn {
flex: 0 0 45px !important; width: 45px !important;
height: 100% !important;
background: #fdfdfd !important;
border: none !important;
font-size: 22px !important;
cursor: pointer !important;
color: #000 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
z-index: 10 !important;
}
.qty-btn:hover {
background: #f5f5f5 !important;
} .single_add_to_cart_button {
width: 100% !important;
background: #000 !important;
color: #fff !important;
height: 55px !important;
border-radius: 12px !important;
font-size: 18px !important;
font-weight: 600 !important;
}