/*
 * Bimeh 4883 v12.11 - No-Delete Trust + Content QA Layer
 * Additive only. No previous selector/file/template is removed or disabled.
 */

:root {
  --b4883-v1211-ink: #122033;
  --b4883-v1211-muted: #5b6678;
  --b4883-v1211-card: rgba(255,255,255,.92);
  --b4883-v1211-line: rgba(15, 35, 64, .12);
  --b4883-v1211-blue: #174ea6;
  --b4883-v1211-gold: #f2b705;
  --b4883-v1211-green: #128c7e;
  --b4883-v1211-shadow: 0 18px 48px rgba(17, 36, 64, .10);
}

body.b4883-v1211-trust-qa {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-kerning: normal;
}

.b4883-v1211-trust-strip,
.b4883-v1211-service-standard {
  direction: rtl;
  max-width: min(1120px, calc(100vw - 32px));
  margin-inline: auto;
  box-sizing: border-box;
}

.b4883-v1211-trust-strip {
  margin-block: clamp(22px, 4vw, 44px);
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--b4883-v1211-line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(242,183,5,.14), transparent 30%),
    linear-gradient(135deg, rgba(23,78,166,.08), rgba(18,140,126,.07)),
    var(--b4883-v1211-card);
  box-shadow: var(--b4883-v1211-shadow);
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(16px, 3vw, 26px);
  align-items: center;
}

.b4883-v1211-trust-strip__eyebrow,
.b4883-v1211-service-standard__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(23,78,166,.08);
  color: var(--b4883-v1211-blue);
  font-size: .84rem;
  font-weight: 850;
  letter-spacing: -.01em;
}

.b4883-v1211-trust-strip h2,
.b4883-v1211-service-standard h2 {
  margin: 12px 0 8px;
  color: var(--b4883-v1211-ink);
  font-size: clamp(1.35rem, 2.8vw, 2rem);
  line-height: 1.65;
  letter-spacing: -.045em;
}

.b4883-v1211-trust-strip p,
.b4883-v1211-service-standard p {
  margin: 0;
  color: var(--b4883-v1211-muted);
  font-size: clamp(.98rem, 1.6vw, 1.08rem);
  line-height: 2.15;
}

.b4883-v1211-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.b4883-v1211-proof-item {
  min-height: 84px;
  padding: 14px;
  border: 1px solid rgba(23,78,166,.10);
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 25px rgba(17,36,64,.06);
}

.b4883-v1211-proof-item strong {
  display: block;
  color: var(--b4883-v1211-ink);
  font-size: .98rem;
  line-height: 1.8;
}

.b4883-v1211-proof-item span {
  display: block;
  margin-top: 2px;
  color: var(--b4883-v1211-muted);
  font-size: .88rem;
  line-height: 1.85;
}

.b4883-v1211-service-standard {
  margin-block: clamp(22px, 4vw, 42px);
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  border: 1px solid rgba(18,140,126,.14);
  background:
    linear-gradient(135deg, rgba(18,140,126,.09), rgba(255,255,255,.82)),
    #fff;
  box-shadow: 0 18px 42px rgba(17,36,64,.08);
}

.b4883-v1211-standard-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.b4883-v1211-standard-list li {
  position: relative;
  padding: 14px 40px 14px 14px;
  border-radius: 20px;
  border: 1px solid rgba(15,35,64,.10);
  background: rgba(255,255,255,.82);
  color: var(--b4883-v1211-ink);
  line-height: 1.95;
  font-weight: 760;
}

.b4883-v1211-standard-list li::before {
  content: "✓";
  position: absolute;
  right: 14px;
  top: 15px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--b4883-v1211-green);
  font-size: .8rem;
  font-weight: 900;
}

.b4883-v1211-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.b4883-v1211-action-row a,
.b4883-v1211-action-row button {
  appearance: none;
  border: 0;
  cursor: pointer;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 16px;
  border-radius: 15px;
  text-decoration: none;
  font-weight: 850;
  line-height: 1.6;
}

.b4883-v1211-action-row .is-primary {
  color: #fff;
  background: linear-gradient(135deg, #174ea6, #0d3b82);
  box-shadow: 0 12px 28px rgba(23,78,166,.20);
}

.b4883-v1211-action-row .is-wa {
  color: #fff;
  background: linear-gradient(135deg, #159b83, #0d7366);
  box-shadow: 0 12px 28px rgba(18,140,126,.18);
}

.b4883-v1211-action-row .is-copy {
  color: var(--b4883-v1211-blue);
  background: rgba(23,78,166,.08);
  border: 1px solid rgba(23,78,166,.14);
}

.b4883-v1211-copy-state {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  color: var(--b4883-v1211-green);
  font-size: .9rem;
  font-weight: 800;
  opacity: 0;
  transform: translateY(3px);
  transition: .2s ease;
}

.b4883-v1211-copy-state.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.b4883-v1211-content-note {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(242,183,5,.13);
  color: #5c4500;
  line-height: 2;
  font-size: .94rem;
}

.b4883-v1211-link-qa-warning {
  outline: 2px dashed rgba(190, 30, 45, .45) !important;
  outline-offset: 3px;
}

.b4883-v1211-form-hint {
  display: block;
  margin-top: 7px;
  color: var(--b4883-v1211-muted);
  font-size: .86rem;
  line-height: 1.85;
}

body.b4883-v1211-trust-qa input:focus-visible,
body.b4883-v1211-trust-qa textarea:focus-visible,
body.b4883-v1211-trust-qa select:focus-visible {
  outline: 3px solid rgba(242,183,5,.48);
  outline-offset: 3px;
  border-color: rgba(23,78,166,.55) !important;
}

@media (max-width: 900px) {
  .b4883-v1211-trust-strip {
    grid-template-columns: 1fr;
  }
  .b4883-v1211-standard-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .b4883-v1211-trust-strip,
  .b4883-v1211-service-standard {
    max-width: calc(100vw - 22px);
    border-radius: 22px;
    padding: 16px;
  }
  .b4883-v1211-proof-grid {
    grid-template-columns: 1fr;
  }
  .b4883-v1211-action-row a,
  .b4883-v1211-action-row button {
    width: 100%;
  }
}

@media print {
  .b4883-v1211-action-row,
  .b4883-v1211-copy-state {
    display: none !important;
  }
  .b4883-v1211-trust-strip,
  .b4883-v1211-service-standard {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    break-inside: avoid;
  }
}
