/**

 * Mashfa — medical storefront (RTL-first), scoped to #mashfa-storefront.

 */

#mashfa-storefront.mashfa-theme {

  --mashfa-bg: #eef2f6;

  --mashfa-primary: #6d2e70;

  --mashfa-teal: #0d9488;

  --mashfa-dark: #1e293b;

  --mashfa-muted: #64748b;

  --mashfa-line: #e2e8f0;

  --mashfa-radius: 22px;

  --mashfa-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);

  font-family: Cairo, "Segoe UI", Tahoma, sans-serif;

  color: var(--mashfa-dark);

  background-color: var(--mashfa-bg);

  line-height: 1.55;

}



#mashfa-storefront.mashfa-theme *,

#mashfa-storefront.mashfa-theme *::before,

#mashfa-storefront.mashfa-theme *::after {

  box-sizing: border-box;

}



#mashfa-storefront.mashfa-theme img {

  max-width: 100%;

  height: auto;

  display: block;

}



#mashfa-storefront.mashfa-theme a {

  color: inherit;

  text-decoration: none;

}



#mashfa-storefront.mashfa-theme button {

  appearance: none;

  font: inherit;

}



#mashfa-storefront.mashfa-theme .mashfa-container {

  width: min(100% - 2rem, 1180px);

  margin-inline: auto;

}



/* Top bar */

#mashfa-storefront.mashfa-theme .mashfa-topbar {

  background: #f8fafc;

  border-bottom: 1px solid var(--mashfa-line);

  font-size: 13px;

}



#mashfa-storefront.mashfa-theme .mashfa-topbar-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;

  padding: 0.45rem 0;

  flex-wrap: wrap;

}



#mashfa-storefront.mashfa-theme .mashfa-topbar-tag {

  color: var(--mashfa-muted);

}



#mashfa-storefront.mashfa-theme .mashfa-topbar-links {

  display: flex;

  gap: 1rem;

  align-items: center;

}



#mashfa-storefront.mashfa-theme .mashfa-topbar-link {

  color: var(--mashfa-muted);

  font-weight: 600;

}



#mashfa-storefront.mashfa-theme .mashfa-topbar-link--strong {

  color: var(--mashfa-primary);

}



/* Header */

#mashfa-storefront.mashfa-theme .mashfa-header {

  background: #fff;

  box-shadow: 0 1px 0 var(--mashfa-line);

  position: sticky;

  top: 0;

  z-index: 100;

}



#mashfa-storefront.mashfa-theme .mashfa-header-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;

  padding: 0.9rem 0;

  flex-wrap: wrap;

}



#mashfa-storefront.mashfa-theme .mashfa-logo {

  font-size: 1.45rem;

  font-weight: 800;

  color: var(--mashfa-primary);

  letter-spacing: -0.02em;

}



#mashfa-storefront.mashfa-theme .mashfa-logo--footer {

  font-size: 1.25rem;

}



#mashfa-storefront.mashfa-theme .mashfa-nav {

  display: none;

  list-style: none;

  margin: 0;

  padding: 0;

  gap: 0.25rem;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

}



@media (min-width: 992px) {

  #mashfa-storefront.mashfa-theme .mashfa-nav {

    display: flex;

  }

  #mashfa-storefront.mashfa-theme .mashfa-header-actions {

    display: none;

  }

}



#mashfa-storefront.mashfa-theme .mashfa-nav a {

  padding: 0.5rem 1rem;

  border-radius: 999px;

  font-size: 14px;

  font-weight: 700;

  transition: background 0.2s, color 0.2s;

}



#mashfa-storefront.mashfa-theme .mashfa-nav a:hover,

#mashfa-storefront.mashfa-theme .mashfa-nav a.active {

  background: rgba(109, 46, 112, 0.1);

  color: var(--mashfa-primary);

}



#mashfa-storefront.mashfa-theme .mashfa-header-actions {

  display: flex;

  align-items: center;

  gap: 0.5rem;

}



/* Buttons */

#mashfa-storefront.mashfa-theme .mashfa-btn {

  border: none;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.35rem;

  border-radius: 999px;

  padding: 0.65rem 1.35rem;

  font-weight: 700;

  font-size: 14px;

  transition: transform 0.15s, box-shadow 0.2s, opacity 0.2s;

}



#mashfa-storefront.mashfa-theme .mashfa-btn-sm {

  padding: 0.5rem 1rem;

  font-size: 13px;

}



#mashfa-storefront.mashfa-theme .mashfa-btn-block {

  width: 100%;

}



#mashfa-storefront.mashfa-theme .mashfa-btn-primary {

  background: var(--mashfa-primary);

  color: #fff;

  box-shadow: 0 8px 20px rgba(109, 46, 112, 0.25);

}



#mashfa-storefront.mashfa-theme .mashfa-btn-primary:hover {

  opacity: 0.95;

  transform: translateY(-1px);

}



#mashfa-storefront.mashfa-theme .mashfa-btn-outline {

  background: #fff;

  color: var(--mashfa-primary);

  border: 1px solid var(--mashfa-line);

}



#mashfa-storefront.mashfa-theme .mashfa-btn-search {

  width: 52px;

  height: 52px;

  padding: 0;

  border-radius: 50%;

  background: var(--mashfa-primary);

  color: #fff;

  flex-shrink: 0;

}



#mashfa-storefront.mashfa-theme .mashfa-link {

  color: var(--mashfa-primary);

  font-weight: 700;

  text-decoration: underline;

  text-underline-offset: 3px;

}



/* Hero + booking */

#mashfa-storefront.mashfa-theme .mashfa-hero-stack {

  position: relative;

  margin-bottom: 2.5rem;

}



#mashfa-storefront.mashfa-theme .mashfa-hero {

  position: relative;

  min-height: min(520px, 62vh);

  background-size: cover;

  background-position: center;

  display: flex;

  align-items: center;

  padding: 3rem 0 5.5rem;

}



#mashfa-storefront.mashfa-theme .mashfa-hero::before {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(105deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.2) 55%, rgba(15, 23, 42, 0.35) 100%);

}



#mashfa-storefront.mashfa-theme .mashfa-hero-inner {

  position: relative;

  z-index: 1;

}



#mashfa-storefront.mashfa-theme .mashfa-hero-title {

  color: #fff;

  font-size: clamp(1.5rem, 3.2vw, 2.35rem);

  font-weight: 800;

  max-width: 720px;

  margin: 0;

  line-height: 1.35;

  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);

}



#mashfa-storefront.mashfa-theme .mashfa-booking-float {

  position: relative;

  z-index: 2;

  margin-top: -3.25rem;

}



#mashfa-storefront.mashfa-theme .mashfa-booking-bar {

  background: #fff;

  border-radius: var(--mashfa-radius);

  padding: 0.85rem 1rem;

  box-shadow: var(--mashfa-shadow);

  display: grid;

  grid-template-columns: 1fr;

  gap: 0.65rem;

  align-items: center;

}



@media (min-width: 768px) {

  #mashfa-storefront.mashfa-theme .mashfa-booking-bar {

    grid-template-columns: 1.25fr 1fr auto;

    padding: 0.75rem 0.85rem 0.75rem 1.1rem;

  }

}



#mashfa-storefront.mashfa-theme .mashfa-booking-bar select,

#mashfa-storefront.mashfa-theme .mashfa-booking-bar input {

  width: 100%;

  border: 1px solid var(--mashfa-line);

  border-radius: 14px;

  padding: 0.75rem 0.9rem;

  font: inherit;

  background: #fff;

}



/* Sections */

#mashfa-storefront.mashfa-theme .mashfa-section {

  padding: 3.25rem 0;

}



#mashfa-storefront.mashfa-theme .mashfa-section--tight {

  padding: 2rem 0;

}



#mashfa-storefront.mashfa-theme .mashfa-section--lavender {

  background: linear-gradient(180deg, #f5f0fa 0%, #fdf2f8 100%);

  border-radius: 0;

}



#mashfa-storefront.mashfa-theme .mashfa-section--sky {

  background: #e8f4fc;

  border-radius: 28px 28px 0 0;

  margin-top: 1rem;

  padding-top: 3.5rem;

  position: relative;

}



#mashfa-storefront.mashfa-theme .mashfa-section--sky::before {

  content: "";

  position: absolute;

  top: -24px;

  left: 0;

  right: 0;

  height: 48px;

  background: var(--mashfa-bg);

  border-radius: 0 0 50% 50% / 0 0 100% 100%;

  pointer-events: none;

}



#mashfa-storefront.mashfa-theme .mashfa-section-title {

  font-size: 1.45rem;

  font-weight: 800;

  margin: 0 0 1rem;

  color: var(--mashfa-dark);

}



#mashfa-storefront.mashfa-theme .mashfa-section-title--center {

  text-align: center;

}



#mashfa-storefront.mashfa-theme .mashfa-section-sub {

  margin: -0.35rem 0 1.25rem;

  color: var(--mashfa-muted);

  max-width: 640px;

}



/* Specialties */

#mashfa-storefront.mashfa-theme .mashfa-scroll-x {

  display: flex;

  gap: 1.1rem;

  overflow-x: auto;

  padding-bottom: 0.65rem;

  scroll-snap-type: x mandatory;

  -webkit-overflow-scrolling: touch;

}



#mashfa-storefront.mashfa-theme .mashfa-spec-card {

  flex: 0 0 158px;

  scroll-snap-align: start;

  border-radius: 20px;

  overflow: hidden;

  background: #fff;

  box-shadow: var(--mashfa-shadow);

  transition: transform 0.2s;

}



#mashfa-storefront.mashfa-theme .mashfa-spec-card:hover {

  transform: translateY(-4px);

}



#mashfa-storefront.mashfa-theme .mashfa-spec-card img {

  width: 100%;

  height: 168px;

  object-fit: cover;

}



#mashfa-storefront.mashfa-theme .mashfa-spec-card-placeholder {

  width: 100%;

  height: 168px;

}



#mashfa-storefront.mashfa-theme .mashfa-spec-card span {

  display: block;

  padding: 0.75rem 0.5rem;

  font-size: 13px;

  font-weight: 800;

  text-align: center;

}



/* Promo split */

#mashfa-storefront.mashfa-theme .mashfa-promo-split {

  display: grid;

  grid-template-columns: 1fr;

  gap: 1.5rem;

  align-items: center;

  background: #fff;

  border-radius: var(--mashfa-radius);

  overflow: hidden;

  box-shadow: var(--mashfa-shadow);

}



@media (min-width: 768px) {

  #mashfa-storefront.mashfa-theme .mashfa-promo-split {

    grid-template-columns: 1fr 1.05fr;

  }

}



#mashfa-storefront.mashfa-theme .mashfa-promo-media img {

  width: 100%;

  min-height: 260px;

  object-fit: cover;

}



#mashfa-storefront.mashfa-theme .mashfa-promo-copy {

  padding: 1.75rem 1.5rem;

}



#mashfa-storefront.mashfa-theme .mashfa-promo-copy h2 {

  font-size: 1.35rem;

  font-weight: 800;

  margin: 0 0 0.75rem;

  color: var(--mashfa-primary);

}



#mashfa-storefront.mashfa-theme .mashfa-promo-copy p {

  margin: 0 0 1.25rem;

  color: var(--mashfa-muted);

  line-height: 1.65;

}



#mashfa-storefront.mashfa-theme .mashfa-promo-badge {

  display: inline-block;

  background: var(--mashfa-teal);

  color: #fff;

  font-size: 12px;

  font-weight: 800;

  padding: 0.35rem 0.85rem;

  border-radius: 999px;

  margin-bottom: 0.75rem;

}



/* Offers grid (home) */

#mashfa-storefront.mashfa-theme .mashfa-offers-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

  gap: 1.35rem;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-card {

  background: #fff;

  border-radius: var(--mashfa-radius);

  overflow: hidden;

  box-shadow: var(--mashfa-shadow);

  display: flex;

  flex-direction: column;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-card-media img {

  height: 170px;

  width: 100%;

  object-fit: cover;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-body {

  padding: 1.1rem 1.15rem 1.25rem;

  flex: 1;

  display: flex;

  flex-direction: column;

  gap: 0.35rem;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-body h3 {

  font-size: 15px;

  font-weight: 800;

  margin: 0;

  line-height: 1.4;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-badge {

  font-size: 12px;

  font-weight: 800;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-price {

  font-weight: 800;

  font-size: 1.05rem;

  margin: 0.15rem 0 0.5rem;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-card-btn {

  margin-top: auto;

  width: 100%;

  border-radius: 14px;

}



/* Offers rows (services page) */

#mashfa-storefront.mashfa-theme .mashfa-offer-rows {

  display: flex;

  flex-direction: column;

  gap: 1rem;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-row {

  display: grid;

  grid-template-columns: 1fr;

  gap: 1rem;

  align-items: center;

  background: #fff;

  border-radius: var(--mashfa-radius);

  padding: 0.85rem;

  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);

}



@media (min-width: 768px) {

  #mashfa-storefront.mashfa-theme .mashfa-offer-row {

    grid-template-columns: 140px 1fr auto;

    padding: 0.75rem 1rem 0.75rem 0.75rem;

  }

}



#mashfa-storefront.mashfa-theme .mashfa-offer-row-media img {

  width: 100%;

  height: 120px;

  object-fit: cover;

  border-radius: 16px;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-row-placeholder {

  height: 120px;

  background: #f1f5f9;

  border-radius: 16px;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-row-body h3 {

  margin: 0 0 0.35rem;

  font-size: 1rem;

  font-weight: 800;

}



#mashfa-storefront.mashfa-theme .mashfa-offer-row-cta {

  white-space: nowrap;

  border-radius: 14px;

  min-width: 120px;

}



/* Partners chips */

#mashfa-storefront.mashfa-theme .mashfa-partner-chips {

  display: flex;

  flex-wrap: wrap;

  gap: 0.85rem;

  justify-content: center;

  background: #fff;

  border-radius: var(--mashfa-radius);

  padding: 1.35rem 1.5rem;

  box-shadow: var(--mashfa-shadow);

}



#mashfa-storefront.mashfa-theme .mashfa-partner-chip {

  display: inline-flex;

  align-items: center;

  gap: 0.5rem;

  padding: 0.55rem 1.1rem;

  border-radius: 999px;

  color: #fff;

  font-weight: 800;

  font-size: 13px;

  min-height: 44px;

}



#mashfa-storefront.mashfa-theme .mashfa-partner-chip-logo {

  max-height: 28px;

  width: auto;

  filter: brightness(0) invert(1);

}



#mashfa-storefront.mashfa-theme .mashfa-partner-chip-label {

  white-space: nowrap;

}



/* Doctors */

#mashfa-storefront.mashfa-theme .mashfa-doctor-card {

  background: #fff;

  border-radius: var(--mashfa-radius);

  padding: 1.25rem 1rem;

  text-align: center;

  box-shadow: var(--mashfa-shadow);

  min-width: 0;

  flex: unset;

  height: 100%;

}



#mashfa-storefront.mashfa-theme .mashfa-doctor-avatar {

  width: 64px;

  height: 64px;

  border-radius: 50%;

  object-fit: cover;

  margin: 0 auto 0.65rem;

}



#mashfa-storefront.mashfa-theme .mashfa-doctor-avatar--placeholder {

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(109, 46, 112, 0.12);

  color: var(--mashfa-primary);

  font-size: 1.5rem;

  font-weight: 800;

}



#mashfa-storefront.mashfa-theme .mashfa-doctor-name {

  font-weight: 800;

  font-size: 15px;

  margin: 0 0 0.25rem;

}



#mashfa-storefront.mashfa-theme .mashfa-doctor-spec {

  font-size: 12px;

  color: var(--mashfa-muted);

  margin: 0 0 0.75rem;

}



/* App banner */

#mashfa-storefront.mashfa-theme .mashfa-app-banner {

  border-radius: var(--mashfa-radius);

  background: linear-gradient(120deg, #6d2e70 0%, #9333ea 45%, #ec4899 100%);

  color: #fff;

  padding: 2.5rem 1.75rem;

  text-align: center;

}



#mashfa-storefront.mashfa-theme .mashfa-app-banner h2 {

  font-size: 1.45rem;

  font-weight: 800;

  margin: 0 0 0.65rem;

}



#mashfa-storefront.mashfa-theme .mashfa-app-banner p {

  margin: 0 0 1.35rem;

  opacity: 0.92;

  max-width: 520px;

  margin-inline: auto;

}



#mashfa-storefront.mashfa-theme .mashfa-app-stores {

  display: flex;

  flex-wrap: wrap;

  gap: 0.75rem;

  justify-content: center;

}



#mashfa-storefront.mashfa-theme .mashfa-store-badge {

  background: #fff;

  color: var(--mashfa-primary);

  font-weight: 800;

  padding: 0.65rem 1.35rem;

  border-radius: 999px;

}



/* Articles */

#mashfa-storefront.mashfa-theme .mashfa-articles {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

  gap: 1.25rem;

}



#mashfa-storefront.mashfa-theme .mashfa-article-card {

  background: #fff;

  border-radius: 18px;

  overflow: hidden;

  box-shadow: var(--mashfa-shadow);

  transition: transform 0.2s;

}



#mashfa-storefront.mashfa-theme .mashfa-article-card:hover {

  transform: translateY(-3px);

}



#mashfa-storefront.mashfa-theme .mashfa-article-card > img {

  height: 160px;

  width: 100%;

  object-fit: cover;

}



#mashfa-storefront.mashfa-theme .mashfa-article-body {

  padding: 1rem 1.1rem 1.15rem;

}



#mashfa-storefront.mashfa-theme .mashfa-article-body h3 {

  font-size: 14px;

  font-weight: 800;

  margin: 0 0 0.35rem;

  line-height: 1.45;

}



#mashfa-storefront.mashfa-theme .mashfa-article-body p {

  font-size: 12px;

  color: var(--mashfa-muted);

  margin: 0;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



/* Testimonials */

#mashfa-storefront.mashfa-theme .mashfa-testimonials {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));

  gap: 1.1rem;

}



#mashfa-storefront.mashfa-theme .mashfa-testimonial {

  background: #fff;

  border-radius: 18px;

  padding: 1.35rem;

  box-shadow: var(--mashfa-shadow);

}



#mashfa-storefront.mashfa-theme .mashfa-stars {

  margin-bottom: 0.65rem;

  letter-spacing: 2px;

  font-size: 14px;

}



#mashfa-storefront.mashfa-theme .mashfa-testimonial-text {

  font-size: 14px;

  margin: 0 0 0.65rem;

  line-height: 1.6;

}



#mashfa-storefront.mashfa-theme .mashfa-testimonial-name {

  font-size: 13px;

  font-weight: 800;

  margin: 0;

}



/* Inner pages */

#mashfa-storefront.mashfa-theme .mashfa-page-hero {

  background: #fff;

  border-bottom: 1px solid var(--mashfa-line);

  padding: 1.75rem 0 2rem;

}



#mashfa-storefront.mashfa-theme .mashfa-breadcrumb {

  display: flex;

  flex-wrap: wrap;

  gap: 0.35rem;

  align-items: center;

  font-size: 13px;

  color: var(--mashfa-muted);

  margin-bottom: 0.75rem;

}



#mashfa-storefront.mashfa-theme .mashfa-page-hero-title {

  font-size: clamp(1.35rem, 2.5vw, 1.85rem);

  font-weight: 800;

  margin: 0;

}



#mashfa-storefront.mashfa-theme .mashfa-page-hero-sub {

  margin: 0.65rem 0 0;

  color: var(--mashfa-muted);

  max-width: 640px;

}



#mashfa-storefront.mashfa-theme .mashfa-card {

  background: #fff;

  border-radius: var(--mashfa-radius);

  padding: 1.5rem 1.35rem;

  box-shadow: var(--mashfa-shadow);

}



#mashfa-storefront.mashfa-theme .mashfa-card-title {

  font-size: 1.1rem;

  font-weight: 800;

  margin: 0 0 1rem;

}



#mashfa-storefront.mashfa-theme .mashfa-about-split {

  display: grid;

  grid-template-columns: 1fr;

  gap: 1.75rem;

  align-items: center;

}



@media (min-width: 768px) {

  #mashfa-storefront.mashfa-theme .mashfa-about-split {

    grid-template-columns: 1fr 1.1fr;

  }

}



#mashfa-storefront.mashfa-theme .mashfa-about-image {

  border-radius: var(--mashfa-radius);

  width: 100%;

  max-height: 420px;

  object-fit: cover;

  box-shadow: var(--mashfa-shadow);

}



#mashfa-storefront.mashfa-theme .mashfa-lead {

  font-size: 1.05rem;

  line-height: 1.7;

  margin: 0 0 1rem;

}



#mashfa-storefront.mashfa-theme .mashfa-muted {

  color: var(--mashfa-muted);

  line-height: 1.65;

}



#mashfa-storefront.mashfa-theme .mashfa-stats {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 1rem;

}



@media (min-width: 768px) {

  #mashfa-storefront.mashfa-theme .mashfa-stats {

    grid-template-columns: repeat(4, 1fr);

  }

}



#mashfa-storefront.mashfa-theme .mashfa-stat {

  background: #fff;

  border-radius: 18px;

  padding: 1.25rem;

  text-align: center;

  box-shadow: var(--mashfa-shadow);

}



#mashfa-storefront.mashfa-theme .mashfa-stat-num {

  display: block;

  font-size: 1.65rem;

  font-weight: 800;

}



#mashfa-storefront.mashfa-theme .mashfa-stat-label {

  font-size: 13px;

  color: var(--mashfa-muted);

  font-weight: 600;

}



#mashfa-storefront.mashfa-theme .mashfa-contact-layout {

  display: grid;

  grid-template-columns: 1fr;

  gap: 1.25rem;

}



@media (min-width: 992px) {

  #mashfa-storefront.mashfa-theme .mashfa-contact-layout {

    grid-template-columns: 5fr 7fr;

  }

}



#mashfa-storefront.mashfa-theme .mashfa-map-wrap {

  margin-top: 1.5rem;

  border-radius: var(--mashfa-radius);

  overflow: hidden;

  box-shadow: var(--mashfa-shadow);

}



#mashfa-storefront.mashfa-theme .mashfa-auth-wrap {

  max-width: 480px;

  margin-inline: auto;

}



#mashfa-storefront.mashfa-theme .mashfa-auth-alt {

  text-align: center;

  margin-top: 1.25rem;

  font-size: 14px;

}



#mashfa-storefront.mashfa-theme .mashfa-filter-hint {

  margin: -0.25rem 0 1.25rem;

  color: var(--mashfa-muted);

}



#mashfa-storefront.mashfa-theme .mashfa-empty-state {

  text-align: center;

  padding: 2rem;

  color: var(--mashfa-muted);

  background: #fff;

  border-radius: var(--mashfa-radius);

}



#mashfa-storefront.mashfa-theme .mashfa-inner-page {

  padding: 2rem 0 3rem;

}



/* Contact / auth form overrides inside mashfa */

#mashfa-storefront.mashfa-theme .mashfa-contact-form-wrap input,

#mashfa-storefront.mashfa-theme .mashfa-contact-form-wrap textarea,

#mashfa-storefront.mashfa-theme .mashfa-auth-card input,

#mashfa-storefront.mashfa-theme .mashfa-auth-card textarea {

  border-radius: 12px !important;

  border-color: var(--mashfa-line) !important;

}



#mashfa-storefront.mashfa-theme .mashfa-contact-form-wrap button[type="submit"],

#mashfa-storefront.mashfa-theme .mashfa-auth-card button[type="submit"] {

  background: var(--mashfa-primary) !important;

  color: #fff !important;

  border-radius: 999px !important;

  font-weight: 700 !important;

}



/* Footer */

#mashfa-storefront.mashfa-theme .mashfa-footer {

  background: #fff;

  border-top: 1px solid var(--mashfa-line);

  padding: 2.75rem 0 0;

  margin-top: 2rem;

}



#mashfa-storefront.mashfa-theme .mashfa-footer-grid {

  display: grid;

  grid-template-columns: 1fr;

  gap: 1.75rem;

  padding-bottom: 2rem;

}



@media (min-width: 768px) {

  #mashfa-storefront.mashfa-theme .mashfa-footer-grid {

    grid-template-columns: 1.4fr repeat(2, 1fr);

  }

}



#mashfa-storefront.mashfa-theme .mashfa-footer-tagline {

  color: var(--mashfa-muted);

  font-size: 14px;

  margin: 0.5rem 0 0;

  max-width: 320px;

}



#mashfa-storefront.mashfa-theme .mashfa-footer-col-title {

  font-weight: 800;

  margin: 0 0 0.65rem;

  font-size: 14px;

}



#mashfa-storefront.mashfa-theme .mashfa-footer-links {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 0.4rem;

  font-size: 14px;

  color: var(--mashfa-muted);

}



#mashfa-storefront.mashfa-theme .mashfa-footer-links a:hover {

  color: var(--mashfa-primary);

}



#mashfa-storefront.mashfa-theme .mashfa-footer-bottom {

  border-top: 1px solid var(--mashfa-line);

  padding: 1rem 0 1.35rem;

  font-size: 13px;

  color: var(--mashfa-muted);

}