/* کسب‌چی — تم آبی آسمانی و سفید؛ بخش Hero ابتدای صفحه اصلی عمداً حفظ می‌شود. */
:root {
  color-scheme: light;
  --kc-sky-950: #15365b;
  --kc-sky-900: #174677;
  --kc-sky-800: #1d5fae;
  --kc-sky-700: #2676d9;
  --kc-sky-600: #3288ea;
  --kc-sky-500: #5aaeff;
  --kc-sky-400: #8ccaff;
  --kc-sky-300: #b8ddff;
  --kc-sky-200: #d5eaff;
  --kc-sky-100: #eaf5ff;
  --kc-sky-50: #f5faff;
  --kc-ink: #24364d;
  --kc-muted: #687d95;
  --kc-border: #dceafa;
  --kc-shadow: 0 12px 34px rgba(34, 101, 176, .085);
  --kc-shadow-hover: 0 17px 38px rgba(34, 101, 176, .14);
  accent-color: var(--kc-sky-600);
}

/* فونت سیستم‌محور؛ بدون وابستگی به سرویس یا دانلود فونت خارجی */
body,
input,
select,
textarea,
button {
  font-family: Vazirmatn, IRANSansX, "Segoe UI", Tahoma, Arial, sans-serif;
}
body {
  color: var(--kc-ink);
  background: #f8fbff;
}
::selection { color: #15365b; background: #cce7ff; }
:where(button, input, select, textarea, a, [tabindex]):focus-visible {
  outline: 3px solid rgba(50, 136, 234, .34);
  outline-offset: 3px;
}

/* ------------------------------------------------------------------
   صفحه اصلی: از سربرگ و بخش اول (hero) رنگ و ظاهر موجود دست‌نخورده است.
   از بخش دسته‌بندی‌ها به پایین، پالت آبی روشن، سفید و سرمه‌ای اجرا می‌شود.
   ------------------------------------------------------------------ */
#categories,
#search,
#register,
#about,
#contact {
  font-family: Vazirmatn, IRANSansX, "Segoe UI", Tahoma, Arial, sans-serif;
}

#categories {
  position: relative;
  margin-top: 30px !important;
  padding-top: 65px;
  padding-bottom: 72px;
  border-top: 1px solid #e4f0ff;
  border-bottom: 1px solid #e4f0ff;
  background: linear-gradient(180deg, #eef6ff 0%, #f8fbff 100%) !important;
}

#categories .section-heading h2,
#search .section-heading h2,
#register .register-intro h2,
#about .about-content h2,
#contact .section-heading h2 {
  color: var(--kc-sky-950) !important;
  letter-spacing: -.35px;
  line-height: 1.85;
}
#categories .section-heading h2 span,
#search .section-heading h2 span,
#register .register-intro h2 span,
#contact .section-heading h2 span {
  color: var(--kc-sky-600) !important;
}
#categories .section-heading p,
#search .section-heading p,
#register .register-intro > p,
#about .about-content p,
#contact .section-heading p {
  color: var(--kc-muted) !important;
  font-size: 13px;
  line-height: 2.15;
}
#categories .section-kicker,
#search .section-kicker,
#register .section-kicker,
#about .section-kicker,
#contact .section-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 12px;
  border: 1px solid #d9ebff;
  border-radius: 999px;
  color: var(--kc-sky-700) !important;
  background: rgba(255,255,255,.75);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05px;
}
#categories .text-link,
#search .text-link,
#contact .contact-trust-link {
  color: var(--kc-sky-700) !important;
  font-weight: 800;
}

/* کارت‌های دسته‌بندی؛ روشن، ظریف و خوانا */
#categories #category-grid > .category-card {
  min-height: 122px !important;
  padding: 16px !important;
  border: 1px solid #dbeaff !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 5px 18px rgba(37, 103, 178, .055) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
#categories #category-grid > .category-card:hover {
  transform: translateY(-4px);
  border-color: #9ccaff !important;
  background: #ffffff !important;
  box-shadow: var(--kc-shadow-hover) !important;
}
#categories #category-grid .category-icon {
  border: 1px solid #d5eaff !important;
  border-radius: 14px !important;
  color: var(--kc-sky-700) !important;
  background: linear-gradient(145deg, #f4faff, #e4f2ff) !important;
}
#categories #category-grid .category-card-copy strong {
  color: var(--kc-sky-950) !important;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.9;
}
#categories #category-grid .category-card-copy small {
  color: var(--kc-muted) !important;
  font-size: 10px;
  line-height: 1.9;
}
#categories #category-grid .category-count {
  color: #477bb5 !important;
  background: #edf6ff !important;
  border: 1px solid #e2efff;
  border-radius: 999px;
}
#categories #category-grid .category-arrow { color: #65a9ed !important; }

/* جست‌وجو: پنل سفید روی زمینه بسیار روشن آبی */
#search {
  width: 100%;
  max-width: none !important;
  margin: 0;
  padding: 76px max(5%, calc((100% - 1240px) / 2));
  border-bottom: 1px solid #e2efff;
  background: linear-gradient(155deg, #ffffff 0%, #f5faff 55%, #edf6ff 100%) !important;
  scroll-margin-top: 95px;
}
#search .search-panel,
#search .business-grid,
#search .results-toolbar {
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}
#search .search-panel {
  padding: 23px;
  border: 1px solid #d9eaff !important;
  border-top: 3px solid #a8d4ff !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: var(--kc-shadow) !important;
}
#search .search-field {
  border: 1px solid #d9eaff !important;
  border-radius: 14px !important;
  background: #f7fbff !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
#search .search-field:focus-within {
  border-color: #78b9ff !important;
  box-shadow: 0 0 0 4px rgba(50,136,234,.11) !important;
}
#search .field-icon,
#search .result-counter strong { color: var(--kc-sky-600) !important; }
#search .result-counter {
  padding: 10px 16px;
  border: 1px solid #d9eaff !important;
  border-radius: 15px !important;
  color: #55708f !important;
  background: #fff !important;
  box-shadow: 0 4px 15px rgba(34,101,176,.04);
}
#search .filter-field > span { color: #405975 !important; font-size: 11px; }
#search input,
#search select,
#search textarea,
#register input,
#register select,
#register textarea,
.account-form input,
.account-form select,
.account-form textarea,
.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-filters input,
.admin-filters select,
.wrap input,
.wrap select,
.wrap textarea {
  border-color: #d7e7f8;
  border-radius: 12px;
  background-color: #fff;
  color: #263b55;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
#search input:focus,
#search select:focus,
#search textarea:focus,
#register input:focus,
#register select:focus,
#register textarea:focus,
.account-form input:focus,
.account-form select:focus,
.account-form textarea:focus,
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.admin-filters input:focus,
.admin-filters select:focus,
.wrap input:focus,
.wrap select:focus,
.wrap textarea:focus {
  border-color: #70b4ff !important;
  box-shadow: 0 0 0 4px rgba(50,136,234,.11) !important;
  outline: none;
}
#search input::placeholder,
#register input::placeholder,
#register textarea::placeholder { color: #8ba0b8; }
#search .clear-filters {
  border: 1px solid #d5e7fb !important;
  border-radius: 12px !important;
  color: #2c6db3 !important;
  background: #eff7ff !important;
  font-size: 11px;
  font-weight: 800;
}
#search .clear-filters:hover {
  border-color: #a6cefb !important;
  background: #e4f1ff !important;
}
#search .results-toolbar { color: var(--kc-sky-950) !important; }
#search .results-note { color: #7b8ea5 !important; }
#search .business-grid { gap: 18px; }
#search .business-card {
  border: 1px solid #dceafa !important;
  border-top: 3px solid #c4e1ff !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 7px 22px rgba(37,103,178,.055) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#search .business-card:hover {
  transform: translateY(-3px);
  border-top-color: #67b0ff !important;
  border-color: #b4d7ff !important;
  box-shadow: var(--kc-shadow-hover) !important;
}
#search .business-card h3 { color: var(--kc-sky-950) !important; font-size: 15px; }
#search .category-label {
  padding: 3px 9px;
  border-radius: 999px;
  color: var(--kc-sky-700) !important;
  background: #edf6ff;
  font-size: 10px;
}
#search .business-avatar {
  border: 1px solid #d5eaff !important;
  border-radius: 15px !important;
  color: var(--kc-sky-700) !important;
  background: linear-gradient(145deg,#eff7ff,#dcedff) !important;
}
#search .business-desc { color: #647991 !important; font-size: 12px; line-height: 2; }
#search .chip { border: 1px solid #e1efff; border-radius: 999px; color: #5279a4 !important; background: #f2f8ff !important; }
#search .card-actions .call {
  border-color: var(--kc-sky-700) !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--kc-sky-600), var(--kc-sky-800)) !important;
}
#search .card-actions .call:hover { background: linear-gradient(135deg, var(--kc-sky-700), var(--kc-sky-950)) !important; }
#search .empty { border-color: #cfe5fc; color: #6a87a7; background: #f8fbff; }

/* دعوت به ثبت کسب‌وکار: سرمه‌ای با برق آبی روشن */
.owner-banner {
  border: 1px solid #1e4e82 !important;
  border-radius: 25px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(107,190,255,.27), transparent 33%),
    radial-gradient(circle at 92% 100%, rgba(57,139,239,.22), transparent 35%),
    linear-gradient(115deg, #122f52 0%, #16487c 60%, #1e5b9b 100%) !important;
  box-shadow: 0 18px 42px rgba(21, 67, 115, .17) !important;
}
.owner-emblem {
  border: 1px solid rgba(190,224,255,.36) !important;
  border-radius: 18px !important;
  color: #d9eeff !important;
  background: rgba(100,177,246,.18) !important;
}
.owner-copy .section-kicker { color: #a9d7ff !important; border-color: rgba(190,224,255,.2); background: rgba(255,255,255,.06); }
.owner-copy h2 { color: #fff !important; }
.owner-copy p { color: #d4e7fb !important; }
.owner-button,
#register .btn-submit {
  border: 1px solid #78baff !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #4aa3f5, #2475d4) !important;
  box-shadow: 0 8px 22px rgba(27, 104, 190, .24);
  font-weight: 850;
}
.owner-button:hover,
#register .btn-submit:hover {
  background: linear-gradient(135deg, #2676d9, #194f91) !important;
  box-shadow: 0 10px 26px rgba(21, 67, 115, .26);
}

/* فرم ثبت: بخش نرم آبی و کارت سفید با کادر برجسته */
#register {
  width: 100%;
  max-width: none !important;
  margin: 0;
  padding: 76px max(5%, calc((100% - 1180px) / 2)) 86px;
  border-top: 1px solid #e1efff;
  border-bottom: 1px solid #dfedff;
  background: linear-gradient(145deg, #eff7ff 0%, #f9fcff 50%, #eaf4ff 100%) !important;
  scroll-margin-top: 95px;
}
#register .register-intro { padding-top: 14px; }
#register .register-benefits div { color: #4e6682 !important; font-size: 12px; }
#register .register-benefits div span {
  width: 29px;
  height: 29px;
  border: 1px solid #d8eaff;
  border-radius: 10px;
  color: var(--kc-sky-700) !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(50,136,234,.08);
}
#register .form-card {
  padding: 30px;
  border: 1px solid #d8e8fb !important;
  border-top: 4px solid #8bc6ff !important;
  border-radius: 23px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 18px 45px rgba(37,103,178,.09) !important;
}
#register .form-card-heading { border-bottom-color: #e7f1ff !important; }
#register .form-card-heading h3 { color: var(--kc-sky-950) !important; font-size: 18px; }
#register .form-card-heading p { color: var(--kc-muted) !important; font-size: 11px; }
#register .form-step {
  border: 1px solid #d8eaff;
  border-radius: 999px;
  color: #276cb4 !important;
  background: #edf6ff !important;
  font-weight: 800;
}
#register .form-grid label { color: #405671 !important; font-size: 12px; }
#register .form-grid label > span { color: #e05f73 !important; }
#register .form-note { color: #7388a0 !important; font-size: 11px; }
#register #form-message { color: #1e7dca; }

/* درباره و ارتباط با ما */
#about {
  padding: 60px max(5%, calc((100% - 1220px) / 2));
  border-top: 1px solid #e0eeff !important;
  border-bottom: 1px solid #e0eeff;
  background: linear-gradient(110deg, #f0f7ff 0%, #ffffff 75%) !important;
}
#about .about-mark {
  border: 1px solid #d1e6ff;
  border-radius: 22px;
  background: linear-gradient(145deg, #4da2f0, #194e89) !important;
  box-shadow: 0 10px 24px rgba(37,103,178,.16);
}
#about .about-mark span { color: #bfe2ff !important; }
#about .about-content h2 { font-size: 22px; }
#about .back-top {
  border: 1px solid #d2e6fb !important;
  border-radius: 13px !important;
  color: var(--kc-sky-700) !important;
  background: #fff !important;
  box-shadow: 0 5px 15px rgba(37,103,178,.07);
}
#about .back-top:hover { border-color: #8fc4fc !important; background: #eef7ff !important; }
#contact {
  padding: 72px 5% !important;
  background: linear-gradient(180deg, #f5faff 0%, #edf6ff 100%) !important;
  color: var(--kc-ink) !important;
}
#contact .contact-trust-card {
  padding: 26px;
  border: 1px solid #dbeaff !important;
  border-radius: 21px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 8px 25px rgba(37,103,178,.065) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
#contact .contact-trust-card:hover {
  transform: translateY(-3px);
  border-color: #bad9fb !important;
  box-shadow: var(--kc-shadow-hover) !important;
}
#contact .contact-trust-icon {
  border: 1px solid #d7eaff;
  border-radius: 15px !important;
  color: var(--kc-sky-700) !important;
  background: linear-gradient(145deg,#f5faff,#e3f1ff) !important;
}
#contact .contact-trust-card h3 { color: var(--kc-sky-950) !important; font-size: 15px; }
#contact .contact-trust-card p { color: #657b94 !important; font-size: 12px; line-height: 2; }
#contact .contact-trust-card a,
#contact .contact-trust-link { color: var(--kc-sky-700) !important; }
#contact .contact-placeholder,
#contact .enamad-slot {
  border-color: #d7e8fb !important;
  border-radius: 12px !important;
  background: #f7fbff !important;
  color: #6e849d !important;
}
#contact .support-hours { color: #246cb6 !important; background: #e8f4ff !important; }
#contact .trust-footer-note { color: #7387a0 !important; }

/* فوتر هم‌خانواده با بنر آبی تیره */
.footer {
  border-top: 1px solid #315e8c !important;
  background: linear-gradient(120deg, #102947 0%, #153b65 100%) !important;
  color: #e7f2ff !important;
}
.footer .footer-logo .logo-mark {
  background: linear-gradient(145deg, #64b5ff, #2475d4) !important;
}
.footer .footer-logo .logo-dot { color: #91ceff !important; }
.footer .footer-column h3 { color: #fff !important; }
.footer .footer-column p,
.footer .footer-column a,
.footer .footer-bottom,
.footer .footer-bottom a { color: #d5e8fc !important; }
.footer .footer-column a:hover,
.footer .footer-bottom a:hover { color: #83c5ff !important; }
.footer .footer-bottom { border-top-color: rgba(204,229,255,.2) !important; }

/* یکدست‌سازی پنل‌ها و صفحات داخلی؛ بدون دست‌زدن به داده یا رفتار فرم‌ها */
.account-wrap,
.admin-wrap,
.verify-wrap,
.wrap,
.container { color: var(--kc-ink); font-family: Vazirmatn, IRANSansX, "Segoe UI", Tahoma, Arial, sans-serif; }
.account-wrap,
.admin-wrap,
.verify-wrap,
.wrap { max-width: 1240px; }
.account-card,
.account-edit-card,
.admin-card,
.admin-stat,
.verify-card,
.card,
.ticket,
.business-card,
#account-business-help {
  border-color: #dceafa !important;
  box-shadow: 0 8px 25px rgba(37,103,178,.065);
}
.account-card,
.account-edit-card,
.admin-card,
.verify-card,
.card,
.ticket { border-radius: 18px !important; background-color: #fff; }
.account-card h1,
.account-card h2,
.account-card h3,
.admin-card h1,
.admin-card h2,
.admin-card h3,
.verify-card h1,
.verify-card h2 { color: var(--kc-sky-950); }
.account-muted,
.admin-muted,
.muted { color: var(--kc-muted) !important; }
.account-message,
.admin-message,
.msg,
.notice,
.notice-box { border-color: #d5e8ff; }
.account-button:not(.secondary),
.admin-button:not(.secondary),
.verify-button,
.wrap .btn:not(.alt),
.top .btn:not(.alt),
button.primary,
.primary-button {
  border-color: var(--kc-sky-700) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3288ea, #1d5fae) !important;
  box-shadow: 0 5px 14px rgba(37,103,178,.15);
}
.account-button:not(.secondary):hover,
.admin-button:not(.secondary):hover,
.verify-button:hover,
.wrap .btn:not(.alt):hover,
.top .btn:not(.alt):hover,
button.primary:hover,
.primary-button:hover {
  background: linear-gradient(135deg, #2676d9, #15365b) !important;
}
.account-button.secondary,
.admin-button.secondary,
.btn.alt,
.btn.secondary {
  border-color: #cfe3fa !important;
  color: #275f9e !important;
  background: #eef6ff !important;
}
.account-top,
.topbar,
.top,
.bar { border-color: #dceafa !important; }
.admin-stat { border-top: 3px solid #7dbdff !important; background: #f0f7ff !important; }
.admin-stat strong,
.admin-stat .value { color: var(--kc-sky-800) !important; }
.admin-business,
.ticket-head,
.ticket-meta,
.messages,
.category-tree-list { border-color: #dceafa !important; }
thead th,
.table-header { color: var(--kc-sky-950) !important; background: #edf6ff !important; }
table th,
table td { border-color: #e2edfa !important; }
tbody tr:hover { background: #f7fbff !important; }
.status,
.badge,
.pill { border-color: #d2e6fb; }
.notice,
.notice-box { background: #f1f7ff; }

/* واکنش‌گرا: چیدمان سبک و قابل لمس در موبایل */
@media (max-width: 900px) {
  #register {
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
    padding-top: 54px;
    padding-bottom: 60px;
  }
  #register .register-intro { position: static; padding-top: 0; }
  #register .register-intro > p { max-width: 700px; }
  #register .register-benefits { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-top: 20px; }
  #register .register-benefits div { align-items: flex-start; font-size: 11px; }
  #search .business-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  #categories { margin-top: 18px !important; padding: 42px 16px 48px; }
  #categories .section-heading,
  #search .section-heading { align-items: flex-start; gap: 12px; }
  #categories .section-heading h2,
  #search .section-heading h2 { font-size: 23px; line-height: 1.8; }
  #categories .section-heading p,
  #search .section-heading p,
  #register .register-intro > p { font-size: 13px; }
  #categories #category-grid > .category-card { min-height: 112px !important; padding: 12px !important; border-radius: 15px !important; }
  #categories #category-grid .category-card-copy strong { font-size: 12px; }
  #categories #category-grid .category-card-copy small { font-size: 10px; }
  #search { padding: 45px 16px 50px; }
  #search .search-panel { padding: 15px; border-radius: 18px !important; }
  #search .search-field input { min-height: 50px; font-size: 15px; }
  #search .filter-grid { gap: 10px; }
  #search .filter-field > span { font-size: 11px; }
  #search .results-toolbar { align-items: flex-start; font-size: 12px; }
  #search .results-note { font-size: 10px; text-align: left; }
  #search .business-grid { grid-template-columns: minmax(0,1fr); gap: 13px; }
  #search .business-card { padding: 17px; border-radius: 16px !important; }
  .owner-banner { margin: 0 14px 48px; padding: 22px 18px; border-radius: 20px !important; flex-direction: column; align-items: stretch; gap: 12px; }
  .owner-emblem { width: 48px; height: 48px; font-size: 25px; }
  .owner-copy h2 { font-size: 19px; }
  .owner-button { width: 100%; }
  #register { padding: 48px 16px 55px; }
  #register .register-benefits { grid-template-columns: minmax(0,1fr); gap: 10px; }
  #register .form-card { padding: 20px 16px; border-radius: 18px !important; }
  #register .form-grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
  #register .form-grid label.full { grid-column: auto; }
  #register .form-card-heading h3 { font-size: 16px; }
  #register input,
  #register select,
  #register textarea,
  #search input,
  #search select,
  .account-form input,
  .account-form select,
  .account-form textarea,
  .admin-form input,
  .admin-form select,
  .admin-form textarea,
  .admin-filters input,
  .admin-filters select,
  .wrap input,
  .wrap select,
  .wrap textarea { min-height: 46px; font-size: 15px; }
  #about { padding: 42px 18px; gap: 16px; align-items: flex-start; }
  #about .about-mark { width: 54px; height: 54px; border-radius: 16px; font-size: 27px; }
  #about .about-content h2 { font-size: 18px; }
  #about .about-content p { font-size: 13px; }
  #about .back-top { width: 38px; height: 38px; }
  #contact { padding: 48px 16px !important; }
  #contact .contact-trust-grid { grid-template-columns: minmax(0,1fr) !important; gap: 13px; }
  #contact .contact-trust-card { padding: 20px; border-radius: 17px !important; }
  .footer { padding: 25px 18px !important; }
  .footer-content { grid-template-columns: minmax(0,1fr) !important; gap: 20px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 9px; }
  .account-wrap,
  .admin-wrap,
  .verify-wrap,
  .wrap { margin: 16px auto; padding: 12px; }
  .account-card,
  .admin-card,
  .verify-card,
  .card,
  .ticket { padding: 18px !important; border-radius: 16px !important; }
  .admin-actions,
  .account-actions { gap: 8px; }
  .admin-button,
  .account-button,
  .verify-button,
  .wrap .btn { min-height: 44px; }
}
@media (max-width: 420px) {
  #categories #category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
  #categories #category-grid > .category-card { grid-template-columns: 34px minmax(0,1fr) 11px; gap: 5px 7px; padding: 10px !important; }
  #categories #category-grid .category-icon { width: 34px; height: 34px; min-width: 34px; font-size: 18px; }
  #categories #category-grid .category-card-copy strong { font-size: 11px; }
  #categories #category-grid .category-card-copy small { font-size: 9px; }
  #search .filter-grid { grid-template-columns: minmax(0,1fr); }
  #search .section-heading { flex-direction: column; }
  #search .result-counter { align-self: flex-start; }
  #about { flex-wrap: wrap; }
  #about .about-content { flex-basis: calc(100% - 72px); }
  #about .back-top { margin-right: auto; }
  #register .form-submit-row { align-items: stretch; flex-direction: column; }
  #register .form-submit-row .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}