Add Kia CSS and update product styles

- Introduced a new CSS file for Kia styles, enhancing the overall design and responsiveness.
- Updated product styles to include new discount display and button styles.
- Adjusted layout for better alignment and visual consistency across different screen sizes.
This commit is contained in:
2025-04-26 19:31:09 +09:00
parent 4e029aac76
commit 0a4ba52a8e
8 changed files with 1568 additions and 4 deletions

View File

@@ -783,6 +783,7 @@
display: block;
font-size: 1.4rem;
color: #9EA1A2;
text-align: right;
}
@media (max-width: 1024px) {
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
@@ -797,6 +798,10 @@
font-weight: 400;
text-decoration: line-through;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .dc {
margin-right: 0.4rem;
color: #EA0029;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio] {
visibility: hidden;
position: absolute;
@@ -818,6 +823,9 @@
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .discount {
color: #9EA1A2;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .dc {
color: #F3C300;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn:hover label {
border: 1px solid #000;
}