:root {
--primary-color: #8B0000;
--secondary-color: #FFB6C1;
--accent-color: #4B3621;
body {
font-family: 'Lora', serif;
line-height: 1.8;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 30px;
background: #FFF9FB;
h1, h2, h3 {
font-family: 'Playfair Display', serif;
color: var(--primary-color);
border-bottom: 2px solid var(--secondary-color);
padding-bottom: 12px;
.hero-img {
width: 100%;
height: 500px;
object-fit: cover;
border-radius: 15px;
margin: 40px 0;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
.ingredient-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin: 50px 0;
.ingredient-card {
padding: 25px;
background: white;
border-radius: 12px;
transition: transform 0.3s;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
.ingredient-card:hover {
transform: translateY(-5px);
.product-highlight {
color: var(--primary-color);
font-weight: 700;
border-bottom: 2px dotted var(--primary-color);
.testimonial-section {
background: linear-gradient(to right, #FFF0F5, #FFFFFF);
padding: 40px;
border-radius: 15px;
margin: 60px 0;
.qa-section {
background: #FFF5F5;
padding: 35px;
border-radius: 12px;
margin-top: 50px;
.icon-svg {
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 8px;
.reference-list {
columns: 2;
column-gap: 40px;
margin-top: 30px;
@media (max-width: 768px) {
body { padding: 20px; }
.hero-img { height: 300px; }
.reference-list { columns: 1; }
When Cramps Strike: Your Guide to Natural Period Pain Relief
/* New Technical Section Styles */
.technical-wrapper {
background: #FFF0F3;
padding: 40px;
border-radius: 15px;
margin: 50px 0;
.formula-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin: 30px 0;
.production-steps {
counter-reset: step;
margin-left: 20px;
.production-steps li {
position: relative;
margin-bottom: 25px;
padding-left: 45px;
.production-steps li::before {
counter-increment: step;
content: counter(step);
position: absolute;
left: 0;
top: -5px;
width: 30px;
height: 30px;
background: var(--primary-color);
color: white;
border-radius: 50%;
text-align: center;
line-height: 30px;
font-family: 'Playfair Display';
@media (max-width: 768px) {
.formula-grid { grid-template-columns: 1fr; }
Scientific Formulation & Production Process
Precision Herbal Formula
Our Dysmenorrhea Tea is carefully crafted through over five years of Traditional Chinese Medicine research combined with modern pharmacokinetic studies. This rigorous development ensures a product that not only pleases the palate but also delivers effective relief from menstrual cramps. The Harmony Blend features a synergistic combination of herbs designed to target the root causes of menstrual discomfort, such as Qi stagnation, blood deficiency, and hormonal imbalance.
