/* ==========================================================================
   17) نسخة Blade — تعديلات طلبها العميل (2026-09-07) دون مساس ببقية التصميم
   ========================================================================== */

/* أزرار الهيدر أصغر وأهدأ: زر التحقق ورابط الوكلاء بارتفاع واحد */
.site-header .btn {
  min-width: 0; height: 42px; padding-inline: 22px;
  font-size: 13px; border-radius: 11px;
}
.site-header .nav__trade {
  display: inline-flex; align-items: center; height: 42px; padding-inline: 18px;
  border: 1px solid var(--c-line); border-radius: 11px;
  background: var(--c-card); color: var(--c-navy);
  font-weight: 500; font-size: 13px; line-height: 1;
  transition: border-color .25s var(--ease), background-color .25s var(--ease), color .25s var(--ease);
}
.site-header .nav__trade::after { display: none; }
.site-header .nav__trade:hover { border-color: var(--c-navy); background: #FFFFFF; }
.nav--secondary { gap: 28px; }
.nav--secondary .nav__trade + .btn { margin-inline-start: -16px; }

/* الفوتر بعرض الصفحة كاملًا: الخلفية الكحلية تمتد من الحافة إلى الحافة
   ويبقى المحتوى داخل شبكة الصفحة */
.site-footer { background: var(--c-navy-ink); padding-bottom: 0; margin-top: 100px; }
.footer-card { background: transparent; border-radius: 0; padding: 64px 0 40px; }

@media (max-width: 860px) {
  .site-header .nav__trade { display: none; }
  .site-footer { padding-bottom: 0; margin-top: 56px; }
  .footer-card { padding: 32px 0 24px; }
}

/* العناصر المخفية بالسمة hidden تبقى مخفية ولو كان لها display في التنسيق
   (البطاقات flex والشرائط grid) — الترقيم والتصفية يعتمدان عليها */
[hidden] { display: none !important; }

/* الهيرو أقصر: تقليص الفراغات الرأسية فوق النص وتحته حتى يظهر ما بعده
   من أول شاشة (طلب العميل 2026-09-07 مساءً) */
.hero__title  { margin-top: 136px; }
.hero__action { margin-top: 131px; }
.hero__coin   { margin-top: 36px; }
.home-trust   { margin-top: 56px; }
.home-trade   { margin-top: 72px; }
@media (max-width: 1280px) {
  .hero__title, .hero__action { margin-top: 32px; }
  .hero__coin { margin-top: 16px; }
}
@media (max-width: 860px) {
  .home-trust { margin-top: 32px; }
  .home-trade { margin-top: 48px; }
}

/* الهيدر شفاف وطافٍ فوق الهيرو: لا شريط مستقل فوق الصفحة، والأشعة وخلفية
   الهيرو تمتد خلفه (طلب العميل 2026-09-07 مساءً) */
.site-header { position: absolute; top: 0; inset-inline: 0; z-index: 40; background: transparent; }
.page { padding-top: var(--header-h); }
.home .page { padding-top: 120px; }
@media (max-width: 860px) {
  .home .page { padding-top: var(--header-h); }
}

/* شريط تمرير واحد فقط: body كان حاوية تمرير ثانية بسبب overflow-x: hidden
   (يجعل overflow-y تلقائيًا auto)، فظهر شريط ثانٍ على الجهة الأخرى */
body { overflow: visible; }
body.is-loading { overflow: hidden; }

/* الشعار أنزل قليلًا عن منتصف الهيدر بعد أن صار الهيدر طافيًا */
@media (min-width: 861px) {
  .site-header__logo { top: calc(50% + 7px); transform: translate(50%, -50%); }
}

/* أزرار أصغر وأرشق في الموقع كله، خاصة على الهاتف (طلب العميل 2026-09-07 مساءً).
   الأصل: 52px ارتفاعًا و180px حدًا أدنى للعرض وحشوًا 34px — كبير جدًا في الصف الواحد. */
/* تصغير ثانٍ ودائرية كاملة — نصف الارتفاع نصف قطرًا، لا حواف مربّعة (طلب العميل 2026-09-17) */
.btn {
  min-width: 0; height: 40px; padding-inline: 20px;
  font-size: 13px; font-weight: 500; letter-spacing: .01em; border-radius: 20px;
}
.btn--primary, .btn--ink { box-shadow: 0 6px 16px rgba(22, 38, 74, .14); }
.btn--primary:hover, .btn--ink:hover { box-shadow: 0 8px 20px rgba(22, 38, 74, .2); transform: translateY(-1px); }
.btn:active { transform: translateY(0); box-shadow: none; }
.btn-row { gap: 10px; }

/* الهيدر: زر التحقق ورابط الوكلاء أصغر من أزرار الصفحة وبلا ظل */
.site-header .btn { height: 34px; padding-inline: 16px; font-size: 12px; border-radius: 17px; box-shadow: none; }
.site-header .btn:hover { transform: none; box-shadow: none; }
.site-header .nav__trade { height: 34px; padding-inline: 13px; font-size: 12px; border-radius: 17px; }
.nav-drawer .btn { height: 40px; width: auto; align-self: flex-start; }

/* الشرائح والترقيم وشريط التصفية بالمقاس نفسه حتى لا تبدو الأزرار وحدها صغيرة */
.chip { height: 36px; padding-inline: 14px; font-size: 12.5px; }
.fbar__pill { height: 36px; font-size: 12.5px; }
.pager__arrow, .pager__page { height: 34px; min-width: 34px; font-size: 12.5px; }
.pager--compact .pager__arrow, .pager--compact .pager__page { height: 32px; min-width: 32px; }

@media (max-width: 860px) {
  .btn { height: 36px; padding-inline: 15px; font-size: 12px; border-radius: 18px; }
  /* الأصل يمدّ الأزرار لعرض الشاشة كلها على الهاتف؛ نتركها بحجم نصها */
  .btn-row { gap: 8px; flex-wrap: wrap; }
  .btn-row .btn { flex: 0 1 auto; }
  .site-header .btn { height: 30px; padding-inline: 12px; font-size: 11.5px; border-radius: 15px; }
  .nav-drawer .btn { height: 38px; }
  .chip { height: 32px; padding-inline: 12px; font-size: 12px; }
  .fbar__pill { height: 34px; }
}

/* الشهادة: عنوان البيانات، نبذة المنتج، وصندوق خياري الرقم التسلسلي */
.cert-title { margin-top: 28px; text-align: start; font-weight: 600; font-size: 15px; color: var(--c-navy-ink); }
.cert-about { margin-top: 10px; text-align: start; font-weight: 300; font-size: 13px; line-height: 1.8; color: var(--c-muted); }
.cert-options { margin-top: 28px; padding: 22px 24px; border: 1px solid var(--c-line); border-radius: var(--r-tile); background: var(--c-card-soft); text-align: start; }
.cert-options__title { font-weight: 600; font-size: 15px; color: var(--c-navy-ink); }
.cert-options__body { margin-top: 6px; font-weight: 300; font-size: 13px; line-height: 1.8; color: var(--c-muted); }
.cert-options__list { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.cert-options__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.7; color: var(--c-text); }
.cert-options__list .t-number { flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--c-navy); color: #fff; font-size: 12px; }
.cert-options .serial-form { margin-top: 14px; }
.cert-options .serial-form .btn-row { justify-content: flex-start; margin-top: 14px; }
.cert-matched { margin-top: 16px; padding: 12px 16px; border-radius: 12px; background: rgba(30,107,82,.08); color: var(--c-verified); font-weight: 500; font-size: 13px; text-align: start; }
.state-card .cert-actions { margin-top: 28px; }
@media print { .cert-options, .cert-actions, .cert-matched { display: none !important; } }

/* التحقق بالرقم التسلسلي كبديل للمسح في شاشة المسح */
.serial-lookup { margin-top: 24px; padding: 20px; border-radius: 16px; background: var(--c-ice); border: 1px solid var(--c-line); text-align: start; }
/* فاصل «أو امسح رمز QR» بين خانة الرقم والكاميرا */
.scan-or { display: flex; align-items: center; gap: 12px; margin: 26px 0 18px; font-size: 13px; color: var(--c-muted); }
.scan-or::before, .scan-or::after { content: ""; flex: 1; height: 1px; background: var(--c-line); }
.serial-lookup__title { font-weight: 600; font-size: 15px; color: var(--c-navy-ink); }
.serial-lookup__body { margin-top: 6px; font-weight: 300; font-size: 13px; line-height: 1.8; color: var(--c-muted); }
.serial-lookup .serial-form { margin-top: 12px; }
.serial-lookup .serial-form .btn-row { justify-content: flex-start; margin-top: 12px; }
.serial-lookup input { direction: ltr; text-align: start; text-transform: uppercase; letter-spacing: .04em; }
.serial-lookup__error { margin-top: 10px; font-size: 13px; color: var(--c-unavailable); }
.cert-serial-note { margin-top: 16px; padding: 12px 16px; border-radius: 12px; background: rgba(169,118,31,.08); color: var(--c-mismatch); font-weight: 500; font-size: 13px; line-height: 1.7; text-align: start; }
@media print { .cert-serial-note { display: block; } }

/* --------------------------------------------------------------------------
   ورقة شهادة التحقق — A4 واحدة (794×1123px = 210×297mm) تُصدَّر PDF وتُطبع.
   على الشاشة تبقى خارج نطاق الرؤية (فوق الصفحة) حتى لا تتكرر الشهادة للزائر.
   -------------------------------------------------------------------------- */
.cert-sheet {
  position: absolute; top: -20000px; left: 0; z-index: -1;
  width: 794px; height: 1123px; overflow: hidden;
  box-sizing: border-box; padding: 30px;
  background: #fff; color: #1F2A44; direction: rtl; text-align: right;
  font-family: inherit; font-size: 12.5px; line-height: 1.6;
  /* الورقة أعرض من شاشة الهاتف، وسفاري يكبّر خطها تلقائيًا فتفيض إلى صفحة
     ثانية عند الطباعة — نمنع ذلك صراحةً */
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.cert-sheet * { box-sizing: border-box; }
/* الخلفية طبق الأصل من ملف PDF المرجعي (794×1123 = نفس مقاس الورقة تمامًا)،
   وفوقها توضع فقط القيم المتغيّرة كل شهادة — كل ما هو ثابت (الإطار والنقش
   والشعار والتسميات وخطوط الجدول وشارة التوثيق) جزء من الصورة نفسها. */
.cert-sheet__bg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

.cert-sheet__v {
  position: absolute; margin: 0; color: #16264A; font-weight: 700;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.cert-sheet__v-ref { left: 250px; top: 177px; width: 294px; height: 20px; line-height: 20px; font-size: 16px; letter-spacing: .04em; direction: ltr; text-align: center; }

.cert-sheet__v-title { left: 399px; top: 268px; width: 349px; height: 44px; line-height: 44px; font-size: 30px; font-weight: 800; text-align: right; }

/* لوح الشهادة الأيسر لا يحمل إلا صورة القطعة نفسها
   (اللوح من 46 إلى 370 أفقيًا ومن 250 إلى 736، وسطر «القطعة كما وُثّقت» عند 676).
   verify.js يقصّ الهامش الفارغ حول القطعة أولًا، ثم تُعرض كاملة بـ contain في
   وسط اللوح كما في تصميم العميل — cover كان يقصّ جانبي القطعة المستديرة لأن
   الصندوق أطول منها. multiply يذيب خلفية الصورة البيضاء في لون اللوح فلا يظهر
   حول القطعة مربّع أبيض. */
.cert-sheet__v-photo { position: absolute; left: 74px; top: 278px; width: 268px; height: 360px; object-fit: contain; mix-blend-mode: multiply; }
.cert-sheet__v-photo[hidden] { display: none; }

.cert-sheet__v-row { left: 505px; width: 243px; height: 24px; line-height: 24px; font-size: 16px; text-align: right; }
.cert-sheet__v-karat { top: 392px; }
.cert-sheet__v-weight { top: 458px; }
.cert-sheet__v-serial { top: 523px; direction: ltr; text-align: right; }
.cert-sheet__v-warranty { top: 584px; }

/* التاريخ تحت تسمية «تاريخ الإصدار» بجوار رمز QR، محاذى لبدايتها من اليسار */
.cert-sheet__v-date { left: 182px; top: 884px; width: 160px; height: 22px; line-height: 22px; font-size: 18px; font-weight: 700; letter-spacing: .02em; direction: ltr; text-align: left; }

.cert-sheet__v-qr { position: absolute; left: 46px; top: 854px; width: 100px; height: 100px; }
.cert-sheet__v-qr svg { width: 100%; height: 100%; display: block; }

/* الطباعة: الورقة وحدها في صفحة واحدة بمقاس A5 (148×210مم).
   A4 كان يفيض إلى صفحة ثانية على الجوال لأن المتصفح يفرض هوامشه ويتجاهل
   margin:0، فالورقة بعرض الصفحة كاملًا لا تسعها. A5 نصف A4 بنفس النسبة
   تمامًا، فالتصميم لا يتشوّه، وتبقى الورقة داخل أي هامش افتراضي. */
@media print {
  @page { size: 148mm 210mm; margin: 0; }
  html, body { margin: 0 !important; padding: 0 !important; height: auto !important; overflow: hidden !important; background: #fff !important; }

  /* الحالة المثلى: verify.js نقل الورقة إلى body وأضاف .is-printing */
  body.is-printing > *:not(.cert-sheet) { display: none !important; }
  body.is-printing .cert-sheet { position: relative !important; margin: 0 auto !important; }

  /* احتياط لمتصفح لا يطلق beforeprint: نخفي ما حول الورقة يدويًا */
  .site-header, .site-footer, .preloader, .portal-header, .vmodal, .scan-msg,
  [data-page="verify"] > *:not(.cert-sheet) { display: none !important; }
  main, .portal, .portal-body, .container { margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; min-height: 0 !important; }
  .portal > *:not(.cert-sheet):not([data-page="verify"]) { display: none !important; }

  /* الورقة تبقى 794×1123 بكسل بالضبط — إحداثيات كل حقل محسوبة على هذا
     المقاس، وأي تغيير للعرض أو إضافة padding تزيح الحقول عن مواضعها في
     الخلفية. التصغير بـ zoom وحده: يصغّر الصندوق نفسه لا شكله فقط، فتتبعه
     الحقول ويتقلّص معه ارتفاع الصفحة. 794بكسل = 210مم، و794×0.7048 = 148مم
     أي عرض A5؛ والارتفاع 297×0.7048 = 209.3مم داخل 210مم. */
  /* relative لا static: الحقول والخلفية مطلقة الموضع وتحسب إحداثياتها من الورقة
     نفسها، وstatic يسحبها إلى صفحة الطباعة فيفيض بعضها إلى صفحة ثانية فارغة */
  .cert-sheet {
    position: relative !important; top: 0 !important; left: 0 !important; z-index: auto !important;
    width: 794px !important; height: 1123px !important; max-height: none !important; padding: 0 !important;
    zoom: .7048;
    overflow: hidden !important;
    page-break-after: avoid !important; break-after: avoid !important;
    page-break-inside: avoid !important; break-inside: avoid !important;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .cert-sheet + * { display: none !important; }
}

/* ترقيم الأقسام أسفل القسم لا فوقه: الأرقام في الوسط ورابط «عرض الكل» بجوارها
   (طلب العميل 2026-09-11) */
.sec-foot--tools { display: flex; align-items: center; justify-content: center; gap: 8px 20px; flex-wrap: wrap; }
.sec-foot--tools .pager { margin: 0; }
.sec-foot--tools .sec-head__all { white-space: nowrap; }
.sec-foot--tools .pager[hidden] { display: none; }

/* --------------------------------------------------------------------------
   شريط نماذج التصنيع — عرض متحرك بالسحب والأزرار والنقاط (بديل ترقيم الصفحات)
   -------------------------------------------------------------------------- */
.mslider { position: relative; margin-top: 40px; }

.mslider__track {
  display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; scroll-behavior: smooth;
  padding: 6px 2px 10px; margin: -6px -2px -10px;
  scrollbar-width: none; -ms-overflow-style: none;
  overscroll-behavior-x: contain;
}
.mslider__track::-webkit-scrollbar { display: none; }
.mslider__track:focus-visible { outline: 2px solid var(--c-navy); outline-offset: 6px; border-radius: var(--r-card); }

/* أربع بطاقات على الشاشة الواسعة، وتقلّ مع ضيق الشاشة */
.mslider__slide { flex: 0 0 calc((100% - 72px) / 4); scroll-snap-align: start; }
@media (max-width: 1180px) { .mslider__slide { flex-basis: calc((100% - 48px) / 3); } }
@media (max-width: 900px)  { .mslider__slide { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 620px)  {
  .mslider__track { gap: 16px; }
  .mslider__slide { flex-basis: 82%; }
}

/* زرّا التنقل: «السابق» عند بداية القراءة (يمينًا في العربية) */
.mslider__nav {
  position: absolute; top: 46%; transform: translateY(-50%); z-index: 3;
  width: 46px; height: 46px; padding: 0; border-radius: 50%;
  display: grid; place-items: center;
  background: #fff; border: 1px solid var(--c-line); color: var(--c-navy); cursor: pointer;
  box-shadow: 0 10px 28px rgba(22, 38, 74, .14);
  transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), opacity .2s var(--ease);
}
.mslider__nav:hover:not(:disabled) { background: var(--c-navy); color: #fff; border-color: var(--c-navy); }
.mslider__nav:disabled { opacity: .35; cursor: default; box-shadow: none; }
.mslider__nav--prev { inset-inline-start: -20px; }
.mslider__nav--next { inset-inline-end: -20px; }
@media (max-width: 1280px) {
  .mslider__nav--prev { inset-inline-start: 2px; }
  .mslider__nav--next { inset-inline-end: 2px; }
}
@media (max-width: 620px) { .mslider__nav { display: none; } }

.mslider__foot {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  flex-wrap: wrap; margin-top: 22px;
}
.mslider__dots { display: flex; align-items: center; gap: 8px; }
.mslider__dot {
  width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%;
  background: var(--c-line); cursor: pointer;
  transition: width .25s var(--ease), background .25s var(--ease);
}
.mslider__dot:hover { background: var(--c-gold, #A8873F); }
.mslider__dot.is-active { width: 28px; border-radius: 999px; background: var(--c-navy); }
.mslider__count { margin: 0; color: var(--c-muted); }

/* --------------------------------------------------------------------------
   شريط التصاميم داخل نموذج الطلب — اختيار سريع بلا مغادرة الفورم
   -------------------------------------------------------------------------- */
.model-pick__hint { margin: 16px 0 10px; font-size: 12.5px; color: var(--c-muted); }
.model-strip {
  display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 8px;
  scroll-snap-type: x proximity; overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
.model-strip::-webkit-scrollbar { height: 6px; }
.model-strip::-webkit-scrollbar-thumb { background: var(--c-line); border-radius: 999px; }
.model-strip__item {
  flex: 0 0 104px; scroll-snap-align: start;
  display: grid; gap: 7px; padding: 7px; margin: 0;
  border: 1px solid var(--c-line); border-radius: 12px; background: #fff;
  font: inherit; text-align: center; cursor: pointer;
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);
}
.model-strip__item:hover { border-color: var(--c-gold, #A8873F); transform: translateY(-2px); }
.model-strip__item[data-selected="true"] {
  border-color: var(--c-navy); box-shadow: 0 0 0 2px rgba(22, 38, 74, .10);
}
.model-strip__img {
  display: block; height: 74px; border-radius: 8px; overflow: hidden;
  background: var(--c-ice);
}
.model-strip__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.model-strip__img .well, .model-strip__img picture { display: block; width: 100%; height: 100%; }
.model-strip__name {
  font-size: 11.5px; line-height: 1.45; color: var(--c-navy-ink);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
@media (max-width: 620px) { .model-strip__item { flex-basis: 92px; } .model-strip__img { height: 66px; } }

/* --------------------------------------------------------------------------
   شاشة التحميل — الشعار وحده بحجمه الثابت على الحاسوب والجوال، بلا حركة
   ولا انزلاق: يخفت ويضيء بهدوء فقط ليُشعر بأن الصفحة تُحمَّل
   -------------------------------------------------------------------------- */
.preloader__inner { gap: 0; }
.preloader__logo {
  width: 168px;
  opacity: 1;
  transform: none;
  animation: hkj-preloader-glow 1.8s ease-in-out infinite;
}
@keyframes hkj-preloader-glow {
  0%, 100% { opacity: 1; }
  50%      { opacity: .28; }
}
@media (prefers-reduced-motion: reduce) {
  .preloader__logo { animation: none; opacity: 1; }
}

/* الهيدر والصفحة متمركزان (طلب العميل 2026-09-18):
   • الشعار في منتصف الصفحة بالضبط (يبقى مطلقًا عند 50%)، وكل مجموعة روابط
     تملأ نصفها من طرف المحتوى إلى قرب الشعار وتتوزع روابطها فيه، فالهامش
     الخارجي واحد على الجهتين والمسافات بين الروابط وحول الشعار متقاربة.
   • زر التحقق انتقل من الهيدر إلى الهيرو، فصار ثلاثة روابط على كل جهة.
   • عرض المحتوى أكبر (1360 بدل 1240) ليقل الفراغ على الجانبين؛ الصفان
     الوحيدان بعرض ثابت (الهيرو والقسم المنقسم) يوزَّعان بالتساوي. */
@media (min-width: 1025px) {
  .site-header__inner {
    --logo-gap: clamp(24px, calc(50vw - 615px), 120px);
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center;
    column-gap: calc(84px + 2 * var(--logo-gap));
  }
  .site-header .nav--primary, .site-header .nav--secondary { display: flex; justify-content: space-between; gap: 24px; margin-inline-start: 0; }
  .site-header__logo { position: absolute; inset-inline-start: 50%; top: calc(50% + 7px); transform: translate(50%, -50%); }
  .site-header .nav a { white-space: nowrap; }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .site-header__inner { --logo-gap: clamp(24px, calc(50vw - 575px), 96px); }
  .site-header .nav--primary, .site-header .nav--secondary { gap: 16px; }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .site-header .nav a:not(.btn) { font-size: 14px; }
  .site-header .nav--primary, .site-header .nav--secondary { gap: 12px; }
}
@media (min-width: 1281px) {
  :root { --content: 1360px; }
  .hero__grid, .split { justify-content: space-between; }
}

/* كريديت المطوّر في سطر الحقوق: رابط هادئ بلون الفوتر يوضح تحته عند المرور */
.footer-credit a {
  color: var(--c-on-dark-2); text-decoration: underline; text-underline-offset: 4px;
  transition: color .25s var(--ease);
}
.footer-credit a:hover { color: #FFFFFF; }

/* الفوتر على الجوال واللوحي: الشعار والنبذة بعرض كامل، ثم روابط الموقع
   وروابط المساعدة متجاورتين (بيانات التواصل في صفحة «تواصل معنا» فقط). */
@media (max-width: 1024px) {
  .footer-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 24px; }
  .footer-brand { grid-column: 1 / -1; }
}

/* شريط الثقة على الجوال: شبكة 2×2 مرتبة بدل الالتفاف غير المتساوي */
@media (max-width: 860px) {
  .trust-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; padding-block: 18px; height: auto; }
  .trust-item { align-items: flex-start; }
  .trust-item::before { margin-top: .55em; }
}