footer .logo { text-align: center; }
.text-gray-50 { color: #757575; }
.text-gray-90 { color: #757575; }
.form-control::placeholder { color: #757575; }
/* ============================== */
.product-information .callout{border-left:4px solid var(#b45309);background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 12px;color:#7c2d12}
.product-information .callout b{color:#7c2d12}

.product-information .section{margin-top:18px; margin-bottom: 10px;}
.product-information .section h2{margin:0 0 10px;font-size:18px}
.product-information section p{margin:0 0 10px;color:#475569}
.product-information .specs{display:grid;grid-template-columns:1fr 1fr; gap:10px;margin-top:10px}
@media (max-width: 560px){
    .product-information .specs{grid-template-columns:1fr}
}
.product-information .kv{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff}
.product-information .kv .k{font-size:12px;color:#475569}
.product-information .kv .v{font-weight:650;margin-top:2px}
/* ============================== */
    .disclaimer {
      background: #f9fafb;
      border: 1px solid #d1d5db;
      border-left: 5px solid #dc2626;
      padding: 14px 16px;
      border-radius: 8px;
      margin-bottom: 24px;
    }
    .takeaway {
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      border-left: 5px solid #2563eb;
      padding: 14px 16px;
      border-radius: 8px;
      margin: 18px 0 22px;
    }
    .note {
      background: #f9fafb;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      padding: 12px 14px;
      margin: 14px 0 18px;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin: 18px 0 26px;
      table-layout: fixed;
    }
    th, td {
      border: 1px solid #d1d5db;
      padding: 12px 14px;
      vertical-align: top;
      text-align: left;
    }
    th {
      background: #f3f4f6;
      color: #111827;
      font-weight: 700;
    }
    tr:nth-child(even) td {
      background: #fafafa;
    }
    ul {
      margin: 0 0 1em 1.2em;
      padding: 0;
    }
    li {
      margin-bottom: 0.35em;
    }
    .small {
      font-size: 0.95rem;
      color: #4b5563;
    }
    .refs h3 {
      margin-top: 1.2em;
    }
    .refs ul li {
      margin-bottom: 0.55em;
    }
    code {
      background: #f3f4f6;
      padding: 0.1em 0.35em;
      border-radius: 4px;
      font-size: 0.95em;
    }

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

.op-hero-subtitle {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #6b6250;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 14px;
}

.op-hero-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 60px;
  font-weight: 100;
  color: #1a1a18;
  line-height: 1.2;
  letter-spacing: 0px;
  margin: 0 0 28px 0;
}




.op-about-section {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  padding: 48px 32px;
  background: transparent;
  font-family: Arial, sans-serif;
}

.op-about-label {
  font-size: 13px;
  letter-spacing: 2px;
  color: #494336;
  text-transform: uppercase;
  padding-top: 4px;
}

.op-about-text h3 {
  font-size: 16px;
  font-weight: 400;
  color: #494336;
  margin: 0 0 10px 0;
}

.op-about-text p {
  font-size: 15px;
  color: #000000;
  line-height: 1.8;
  margin: 0;
}

.op-about-text p .op-highlight {
  color: #494336;
}

@media (max-width: 600px) {
  .op-about-section {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 32px 20px;
  }
}



.qc-section { padding: 56px 32px; background: #fff; }
.qc-title { font-family: Georgia, serif; font-size: 28px; font-weight: 400; text-align: center; color: #1a1a18; margin-bottom: 36px; }
.qc-track-wrap { overflow: hidden; }
.qc-track { display: flex; transition: transform 0.5s ease; }
.qc-slide { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; min-width: 100%; }
.qc-card { border: 0.5px solid #d3d1c7; padding: 24px; background: #fff; }
.qc-stars { color: #6b6250; font-size: 13px; margin-bottom: 14px; letter-spacing: 2px; }
.qc-quote { font-size: 13px; color: #5f5e5a; line-height: 1.8; margin-bottom: 16px; font-style: italic; }
.qc-author { font-size: 12px; color: #1a1a18; font-weight: 500; }
.qc-source { font-size: 11px; color: #6b6250; margin-top: 3px; }
.qc-dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }
.qc-dot { width: 8px; height: 8px; border-radius: 50%; background: #d3d1c7; border: none; cursor: pointer; padding: 0; }
.qc-dot.active { background: #6b6250; }
.qc-nav { display: flex; justify-content: center; gap: 12px; margin-top: 16px; }
.qc-btn { background: #fff; border: 0.5px solid #d3d1c7; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 14px; color: #888780; display: flex; align-items: center; justify-content: center; }
.qc-btn:hover { border-color: #6b6250; color: #6b6250; }



.ab-wrap { padding: 48px 32px; background: #fff; display: flex; flex-direction: column; gap: 48px; }
.ab-section { display: flex; gap: 28px; align-items: flex-start; }
.ab-icon-col { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.ab-circle { width: 64px; height: 64px; border-radius: 50%; background: #f7f5f1; border: 0.5px solid #d3d1c7; display: flex; align-items: center; justify-content: center; }
.ab-icon-label { font-family: Arial, sans-serif; font-size: 9px; letter-spacing: 1.5px; color: #6b6250; text-transform: uppercase; text-align: center; max-width: 70px; line-height: 1.5; }
.ab-divider-v { width: 0.5px; background: #d3d1c7; align-self: stretch; margin: 0 8px; }
.ab-text-col { flex: 1; }
.ab-title { font-family: Georgia, serif; font-size: 20px; font-weight: 400; color: #1a1a18; margin-bottom: 12px; }
.ab-body { font-family: Arial, sans-serif; font-size: 13px; color: #5f5e5a; line-height: 1.9; }
.ab-body span { color: #6b6250; }
.ab-sep { height: 0.5px; background: #f1efe8; }