
/* === JAMSAE BRAND STYLE - SCOPED === */
:root {
  --js-black: #111111;
  --js-white: #ffffff;
  --js-gray-light: #f5f5f5;
  --js-gray-mid: #e0e0e0;
  --js-font: 'Montserrat', 'Arial', sans-serif;
}

/* SCOPE ALL STYLES TO .contact-wrapper ONLY */
.contact-wrapper {
  font-family: var(--js-font) !important;
  color: var(--js-black) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 48px 24px !important;
  line-height: 1.75 !important;
  background-color: transparent !important;
}

.contact-wrapper h1 {
  font-size: 2em !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--js-black) !important;
  margin-bottom: 16px !important;
  text-align: center !important;
}

.contact-wrapper h2 {
  font-size: 1.1em !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--js-black) !important;
  margin-top: 48px !important;
  margin-bottom: 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--js-gray-mid) !important;
}

.contact-wrapper p {
  font-size: 0.92em !important;
  color: #333 !important;
  margin-bottom: 14px !important;
}

.contact-wrapper .section-label {
  font-size: 0.65em !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #999 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

.contact-wrapper a {
  color: var(--js-black) !important;
  text-decoration: none !important;
}

/* INFO CARDS */
.contact-wrapper .info-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  margin-top: 20px !important;
}

.contact-wrapper .info-card {
  background: var(--js-gray-light) !important;
  border: 1px solid var(--js-gray-mid) !important;
  padding: 24px !important;
}

/* FAQ STYLES */
.contact-wrapper .faq-item {
  border-top: 1px solid var(--js-gray-mid) !important;
}

.contact-wrapper .faq-question {
  padding: 18px 0 !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: 600 !important;
}

.contact-wrapper .faq-answer {
  padding: 0 0 18px !important;
  color: #555 !important;
  display: none;
}

.contact-wrapper .faq-item.open .faq-answer {
  display: block !important;
}

/* GLOBAL HEADER RECOVERY - FORCING WHITE */
#header a, .nav-item a, .header-navigation a, .shopping-bag-count {
  color: #ffffff !important;
  opacity: 1 !important;
}

@media (max-width: 640px) {
  .contact-wrapper .info-grid { grid-template-columns: 1fr !important; }
}
