/* Medrhans layer on top of the preview stylesheet and Botble checkout. */
body.medrhans {
  font-family: "DM Sans", "Plus Jakarta Sans", sans-serif;
  background: #fff;
}
body.medrhans #wrapper { overflow: visible; background: #fff; }
body.medrhans .main-content { padding: 0; }
body.medrhans .toolbar-bottom,
body.medrhans .tf-toolbar-bottom,
body.medrhans #scroll-top,
body.medrhans .scroll-to-top,
body.medrhans .preloader { display: none !important; }

body.medrhans .nav a[aria-current="page"]:not(.btn),
body[data-page="products"] .nav a[href$="/products"]:not(.btn),
body[data-page="product"] .nav a[href$="/products"]:not(.btn),
body[data-page="specialties"] .nav a[href$="/specialties"]:not(.btn),
body[data-page="faq"] .nav a[href$="/faq"]:not(.btn),
body[data-page="about"] .nav a[href$="/about"]:not(.btn),
body[data-page="journal"] .nav a[href$="/journal"]:not(.btn),
body[data-page="post"] .nav a[href$="/journal"]:not(.btn),
body[data-page="contact"] .nav a[href$="/contact"]:not(.btn),
body[data-page="gallery"] .nav a[href$="/gallery"]:not(.btn),
body[data-page="home"] .nav a[href="/"]:not(.btn),
body[data-page="home"] .nav a[href$="/home"]:not(.btn) {
  color: var(--orange, #f15a24);
}

body.medrhans .tf-btn,
body.medrhans .btn-checkout,
body.medrhans a.action-checkout {
  background: #1c2539 !important;
  border-color: #1c2539 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: "DM Sans", sans-serif;
}
body.medrhans .tf-btn:hover,
body.medrhans a.action-checkout:hover { background: #f15a24 !important; border-color: #f15a24 !important; }

body.medrhans .pagination { display: flex; gap: 0.4rem; justify-content: center; margin-top: 1.6rem; list-style: none; padding: 0; }
body.medrhans .pagination .page-link,
body.medrhans .pagination a,
body.medrhans .pagination span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; height: 38px; padding: 0 0.6rem;
  border: 1px solid #e6e8eb; border-radius: 8px; background: #fff; color: #1c2539;
  text-decoration: none; font-weight: 700;
}
body.medrhans .pagination .active .page-link,
body.medrhans .pagination .active span { background: #1c2539; color: #fff; border-color: #1c2539; }

body.checkout-page {
  font-family: "DM Sans", "Plus Jakarta Sans", sans-serif;
  color: #5d666f;
  background: #f5f6f7;
}
body.checkout-page h1, body.checkout-page h2, body.checkout-page h3, body.checkout-page h4, body.checkout-page h5 {
  font-family: "Red Hat Display", sans-serif;
  color: #1c2539;
  letter-spacing: -0.03em;
}
body.checkout-page .checkout-content-wrap { max-width: 1180px; }
body.checkout-page .btn-primary,
body.checkout-page button[type="submit"].btn,
body.checkout-page .payment-checkout-btn {
  background: #f15a24 !important;
  border-color: #f15a24 !important;
  border-radius: 999px !important;
}
body.checkout-page .form-control,
body.checkout-page .form-select { border-radius: 10px; border-color: #e6e8eb; }
body.checkout-page,
body.checkout-page .checkout-content-wrap {
  height: auto;
  min-height: 0;
}
body.checkout-page .checkout-content-wrap a { color: #f15a24; }
body.checkout-page .checkout-content-wrap p { margin: 0 0 0.75rem; }
body.checkout-page .checkout-content-wrap h1,
body.checkout-page .checkout-content-wrap h2,
body.checkout-page .checkout-content-wrap h3,
body.checkout-page .checkout-content-wrap h4,
body.checkout-page .checkout-content-wrap h5 { margin-bottom: 0.75rem; }
body.checkout-page .chrome .nav a:not(.btn),
body.checkout-page .chrome .cart-link { color: var(--ink, #20282d); }
body.checkout-page .chrome .topbar a { color: #fff; }
body.checkout-page .site-footer a { color: rgba(255, 255, 255, 0.82); }
body.checkout-page .site-footer .footer-contact a[href^="tel"],
body.checkout-page .site-footer .footer-contact a[href^="mailto"] { color: #fff; }
.mh-checkout-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  max-width: 1180px; margin: 0 auto 1rem; padding: 0.85rem 0;
}
.mh-checkout-bar img { width: 180px; height: auto; }
.mh-checkout-bar a { color: #1c2539; font-weight: 700; text-decoration: none; }
body.checkout-page .checkout-logo,
body.checkout-page .payment-method-logo { display: none; }

.mh-account, .mh-plain { padding: 2.5rem 0 4rem; }
.mh-account .wrap, .mh-plain .wrap { width: min(760px, calc(100% - 2rem)); margin-inline: auto; }
.mh-contact-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 1.5rem; }
.mh-contact-card { border: 1px solid #e6e8eb; border-radius: 14px; padding: 1.2rem 1.3rem; background: #fff; }
.mh-contact-card h2 { font-size: 1.15rem; margin-bottom: 0.6rem; }
.mh-contact-card p, .mh-contact-card address { color: #5d666f; font-style: normal; }
@media (max-width: 800px) { .mh-contact-grid { grid-template-columns: 1fr; } }

.brand-table { width: 100%; border-collapse: collapse; background: #fff; }
.brand-table th, .brand-table td { text-align: left; padding: 0.7rem 0.8rem; border-bottom: 1px solid #e6e8eb; vertical-align: top; }
.brand-table th { font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; color: #5d666f; }
.notes .note { text-decoration: none; color: inherit; }

body[data-page="account"] .page-intro,
body[data-page="page"] .page-intro {
  background-image: url("../images/medrhans/chrome/crumb-about.png");
}
body.medrhans .mh-auth { padding-top: 1.5rem; }
body.medrhans .amerce-auth-card {
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 16px;
  box-shadow: none;
  font-family: "DM Sans", sans-serif;
}
body.medrhans#page-auth .amerce-auth-card__header,
body.medrhans#page-auth .amerce-auth-card__media,
body.medrhans .amerce-auth-card__header,
body.medrhans .amerce-auth-card__media { display: none !important; }
body.medrhans .amerce-auth-card__title,
body.medrhans .bb-customer-page h1,
body.medrhans .bb-customer-page h2,
body.medrhans .bb-customer-page h3,
body.medrhans .section-shoping-cart h3,
body.medrhans .section-shoping-cart h4,
body.medrhans .section-shoping-cart h5,
body.medrhans .compare-page-title {
  font-family: "Red Hat Display", sans-serif;
  color: #1c2539;
  letter-spacing: 0;
}
body.medrhans .bb-customer-page { font-family: "DM Sans", sans-serif; padding: 1.5rem 0 3rem; }
body.medrhans .bb-customer-sidebar-wrapper { background: #fff; border: 1px solid #e6e8eb; border-radius: 16px; }
body.medrhans .bb-customer-sidebar a.active,
body.medrhans .bb-customer-menu a.active { color: #f15a24; }
body.medrhans .section-shoping-cart,
body.medrhans .compare-area,
body.medrhans .flat-spacing { color: #20282d; }
body.medrhans .section-shoping-cart .container,
body.medrhans .mh-auth .container,
body.medrhans .compare-area .container,
body.medrhans .bb-customer-page .container { width: min(1180px, calc(100% - 2rem)); }
body.medrhans .wrapper-wishlist .product-action_remove {
  position: static;
  display: inline-flex;
  margin-top: 0.4rem;
  background: transparent;
  color: #f15a24;
  font-weight: 700;
}
body.medrhans .form-control,
body.medrhans .form-select,
body.medrhans .mh-auth input,
body.medrhans .bb-customer-page input,
body.medrhans .bb-customer-page select,
body.medrhans .bb-customer-page textarea {
  border-radius: 10px;
}
body.medrhans .btn-primary,
body.medrhans .mh-auth button[type="submit"],
body.medrhans .bb-customer-page .btn-primary {
  background: #1c2539;
  border-color: #1c2539;
  border-radius: 999px;
}
body.medrhans .btn-primary:hover,
body.medrhans .mh-auth button[type="submit"]:hover { background: #f15a24; border-color: #f15a24; }
.page-intro .btn-line { background: #fff; color: #1c2539; border-color: #fff; }
.page-intro .btn-line:hover { background: #f15a24; color: #fff; border-color: #f15a24; }
body.medrhans .tf-table-page-cart td:first-child,
body.medrhans .tf-table-page-cart th:first-child { min-width: 240px; }
body.medrhans .section-shoping-cart .overflow-auto { overflow: visible; }
body.medrhans .bb-customer-page .card.bg-primary,
body.medrhans .bb-customer-page .card.bg-success,
body.medrhans .bb-customer-page .card.bg-warning {
  background: #f4f5f7 !important;
  border: 1px solid #e6e8eb !important;
}
body.medrhans .bb-customer-page .bg-primary.bg-opacity-20,
body.medrhans .bb-customer-page .bg-success.bg-opacity-20,
body.medrhans .bb-customer-page .bg-warning.bg-opacity-20 { background: #1c2539 !important; }
body.medrhans .bb-customer-page .card .btn {
  background: #1c2539 !important;
  border-color: #1c2539 !important;
  color: #fff !important;
  border-radius: 999px;
}