:root {
--primary-color: #2c5e2e; --primary-hover: #1e4220; --accent-color: #b8860b; --text-dark: #1a1a1a;
--text-light: #555555;
--bg-light: #f7f8fa;
--border-color: #e2e4e9;
--radius: 10px;
--shadow: 0 6px 16px rgba(0,0,0,0.08);
--transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
} body {
color: var(--text-dark);
line-height: 1.65;
}
h1, h2, h3, h4 {
margin-bottom: 0.8em;
font-weight: 600;
line-height: 1.25;
color: var(--text-dark);
}
p { margin-bottom: 1.2em; } .woocommerce ul.products li.product {
border: 1px solid var(--border-color);
border-radius: var(--radius);
background: #fff;
padding: 16px;
transition: var(--transition);
}
.woocommerce ul.products li.product:hover {
box-shadow: var(--shadow);
transform: translateY(-3px);
border-color: var(--primary-color);
}
.woocommerce ul.products li.product .price {
color: var(--primary-color);
font-weight: 700;
font-size: 1.15em;
}
.woocommerce ul.products li.product .button {
margin-top: 10px;
} .single-product .product {
background: #fff;
border-radius: var(--radius);
padding: 20px 0;
}
.single-product .woocommerce-product-gallery__wrapper {
border-radius: var(--radius);
overflow: hidden;
}
.single-product .woocommerce-product-details__short-description {
font-size: 1.05em;
line-height: 1.7;
color: var(--text-light);
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 20px;
background: var(--bg-light);
border-radius: var(--radius);
} .woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #respond input#submit {
background-color: var(--primary-color);
color: #fff;
border: none;
border-radius: var(--radius);
padding: 12px 28px;
font-weight: 600;
font-size: 1em;
transition: var(--transition);
cursor: pointer;
}
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #respond input#submit:hover {
background-color: var(--primary-hover);
transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(0,0,0,0.15);
} .woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce textarea,
.woocommerce select {
border: 1px solid var(--border-color);
border-radius: var(--radius);
padding: 10px 14px;
transition: var(--transition);
width: 100%;
}
.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(44,94,46,0.15);
outline: none;
} .woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
border-radius: var(--radius);
padding: 14px 18px;
border-left: 4px solid var(--primary-color);
}
.woocommerce span.onsale {
background: var(--accent-color);
border-radius: 6px;
padding: 5px 10px;
font-weight: 700;
} @media (max-width: 768px) {
.woocommerce ul.products li.product {
margin-bottom: 20px;
padding: 12px;
}
.single-product .woocommerce-product-gallery {
margin-bottom: 24px;
}
.woocommerce div.product div.summary {
padding: 15px 0;
}
.woocommerce button.button.alt,
.woocommerce a.button.alt {
width: 100%;
text-align: center;
}
} .text-center { text-align: center; }
.mt-1 { margin-top: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.fade-in { animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
} .container {
max-width: 1200px;
margin: auto;
}