/* About page theme — color-only changes */
body.about {
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  --gold: #d9b56b;
}

/* Typography: make English text feel more elegant and thicker */
body.about .about-hero h1,
body.about .our-story h2,
body.about .our-values h2,
body.about .our-team h2,
body.about .our-mission h2 {
  font-family: "Playfair Display", Georgia, serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
}

body.about .about-hero p,
body.about .our-story p,
body.about .our-values p,
body.about .our-team p,
body.about .our-mission p,
body.about .value-card p,
body.about .team-member p {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  line-height: 1.7 !important;
}

/* Navbar */
body.about .navbar { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important; }
body.about .nav-menu a { color: #DCC9A7 !important; }
body.about .nav-menu a:hover { color: var(--gold) !important; }
/* Match home: beige pill */
body.about .lang-btn, body.about #cart-count { background: #DCC9A7 !important; color: var(--bg-darker) !important; }

/* Hero */
body.about .about-hero { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }
body.about .about-hero h1,
body.about .about-hero p { color: var(--gold) !important; }

/* Sections */
body.about .our-story,
body.about .our-values,
body.about .our-team,
body.about .our-mission { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }
body.about .our-story h2,
body.about .our-values h2,
body.about .our-team h2,
body.about .our-mission h2,
body.about .our-story p,
body.about .our-values p,
body.about .our-team p,
body.about .our-mission p { color: var(--gold) !important; }

/* Cards, members, stats */
/* Value cards */
body.about .value-card { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; }
body.about .value-card h3,
body.about .value-card p { color: var(--gold) !important; }
body.about .value-card .value-icon,
body.about .value-card .value-icon i { color: var(--gold) !important; border-color: rgba(217,181,107,0.45) !important; }

/* Team members */
body.about .team-member { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; }
body.about .team-member h3,
body.about .team-member .role,
body.about .team-member p { color: var(--gold) !important; }

/* Stats */
body.about .mission-stats .stat { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; }
body.about .mission-stats .stat h3,
body.about .mission-stats .stat p { color: var(--gold) !important; }

/* Story card panels/images */
/* Remove outlines on story text/image blocks (keep cards outlined) */
body.about .story-content,
body.about .story-text,
body.about .story-image { background: transparent !important; border: none !important; box-shadow: none !important; }
body.about .story-text h2,
body.about .story-text p { color: var(--gold) !important; }

/* Buttons */
body.about .btn-primary,
body.about .btn-outline { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.about .btn-primary:hover,
body.about .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color: #000000 !important; }

/* Footer */
body.about .footer { background: #DCC9A7 !important; color: #000000 !important; }
body.about .footer h3,
body.about .footer a,
body.about .footer p { color: #000000 !important; }
body.about .footer .footer-section h3::after { background: #000000 !important; }