/* ============================================
   MIDTOWN JEWELERS — Jewelry Repair Page
   Scope: .mtj-repair
   Paste into: Punchmark Site Manager > Design > Theme Settings > Global CSS
   ============================================ */

.mtj-repair {
  font-family: 'Jost', sans-serif !important;
  color: #1A1209 !important;
}

/* --- Container --- */
.mtj-rp-container {
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* --- Eyebrow --- */
.mtj-rp-eyebrow {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #C5A75F !important;
  margin-bottom: 12px !important;
  display: block !important;
}
.mtj-rp-eyebrow--dark {
  color: #C5A75F !important;
}

/* --- Headings --- */
.mtj-rp-heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(28px, 3.5vw, 42px) !important;
  font-weight: 400 !important;
  color: #1A1209 !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}
.mtj-rp-subheading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(24px, 2.8vw, 32px) !important;
  font-weight: 400 !important;
  color: #1A1209 !important;
  line-height: 1.25 !important;
  margin-bottom: 16px !important;
}

/* --- Body --- */
.mtj-rp-body {
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: #4a3d2a !important;
  margin-bottom: 24px !important;
}

/* --- Intro --- */
.mtj-rp-intro {
  background-color: #FDF9F7 !important;
  padding: 72px 24px 56px !important;
  text-align: center !important;
}
.mtj-rp-intro-text {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: #4a3d2a !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

/* --- Specialties Section --- */
.mtj-rp-specialties {
  background-color: #ffffff !important;
  padding: 72px 24px !important;
}
.mtj-rp-split {
  display: flex !important;
  gap: 56px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.mtj-rp-split-content {
  flex: 1 1 480px !important;
}
.mtj-rp-split-image {
  flex: 1 1 320px !important;
}
.mtj-rp-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 2px !important;
}

/* --- Services Grid --- */
.mtj-rp-services-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}
.mtj-rp-service-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mtj-rp-service-list li {
  font-size: 14px !important;
  color: #1A1209 !important;
  padding: 9px 0 9px 20px !important;
  border-bottom: 1px solid #F0E8DD !important;
  position: relative !important;
  line-height: 1.5 !important;
}
.mtj-rp-service-list li:last-child {
  border-bottom: none !important;
}
.mtj-rp-service-list li::before {
  content: '◆';
  position: absolute;
  left: 0;
  color: #C5A75F;
  font-size: 9px;
  top: 12px;
}

/* --- Brilliant Jeweler Protection --- */
.mtj-rp-protection {
  background-color: #FDF9F7 !important;
  padding: 72px 24px !important;
}
.mtj-rp-protection-block {
  display: flex !important;
  gap: 56px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.mtj-rp-protection-image {
  flex: 1 1 360px !important;
}
.mtj-rp-protection-content {
  flex: 1 1 400px !important;
}

/* --- CTA --- */
.mtj-rp-cta {
  background-color: #202C46 !important;
  padding: 72px 24px !important;
}
.mtj-rp-cta-inner {
  text-align: center !important;
}
.mtj-rp-cta-heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
}
.mtj-rp-cta-body {
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: #D4C5A2 !important;
  max-width: 580px !important;
  margin: 0 auto 36px !important;
}
.mtj-rp-cta-buttons {
  display: flex !important;
  gap: 14px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

/* --- Buttons --- */
.mtj-rp-btn {
  display: inline-block !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 13px 32px !important;
  border-radius: 4px !important;
  transition: opacity 0.2s ease !important;
  cursor: pointer !important;
}
.mtj-rp-btn--gold {
  background-color: #C5A75F !important;
  color: #ffffff !important;
  border: 2px solid #C5A75F !important;
}
.mtj-rp-btn--outline {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #D4C5A2 !important;
}
.mtj-rp-btn--outline-dark {
  background-color: transparent !important;
  color: #1A1209 !important;
  border: 2px solid #1A1209 !important;
}
.mtj-rp-btn:hover {
  opacity: 0.82 !important;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .mtj-rp-intro {
    padding: 52px 20px 40px !important;
  }
  .mtj-rp-specialties,
  .mtj-rp-protection,
  .mtj-rp-cta {
    padding: 52px 20px !important;
  }
  .mtj-rp-split,
  .mtj-rp-protection-block {
    flex-direction: column !important;
    gap: 36px !important;
  }
  .mtj-rp-services-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .mtj-rp-cta-buttons {
    flex-direction: column !important;
    align-items: center !important;
  }
  .mtj-rp-btn {
    text-align: center !important;
  }
}