/* MISHeMALL v2 — generated CSS (uploaded to site_settings.sx_css_location).
   Authored per-segment, concatenated into one file. Do NOT @import or minify
   (the BEGIN/END markers are comments and must survive). Every selector is
   namespaced under .sx so nothing leaks into the theme header/footer/cards.
   Brand color comes from the theme var --secondary-main (MISHeMALL royal blue);
   the gold / cream accents are namespaced --sx-* tokens. */

/* BEGIN shoopy-gen:base */
.sx {
  --sx-royal: var(--secondary-main, #1e3a8a);
  --sx-navy: #101d44;
  --sx-gold: #c39633;
  --sx-gold-ink: #8a6a1e;
  --sx-gold-soft: #e8c976;
  --sx-cream: #faf6ee;
  --sx-cream-2: #f4ead7;
  --sx-ink: #18213b;
  --sx-muted: #6b7286;
  --sx-line: #ece2d0;
  --sx-radius: 20px;
  --sx-shadow: 0 18px 44px rgba(16,29,68,.10);
  --sx-max: 1200px;
  font-family: inherit;
  color: var(--sx-ink);
}
.sx, .sx * { box-sizing: border-box; }
.sx-wrap { max-width: var(--sx-max); margin: 0 auto; padding: 0 18px; width: 100%; }
.sx-eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 11.5px; font-weight: 800; letter-spacing: .2em;
  text-transform: uppercase; color: var(--sx-gold-ink); margin: 0 0 12px;
}
.sx-eyebrow::before { content: ""; width: 26px; height: 2px; background: currentColor; border-radius: 2px; }
.sx a:focus-visible, .sx button:focus-visible, .sx input:focus-visible { outline: 3px solid var(--sx-gold); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .sx, .sx * { animation-duration: .001ms !important; transition-duration: .001ms !important; } }
.sx-h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 3.4vw, 38px); line-height: 1.12; font-weight: 700;
  margin: 0 0 12px; color: var(--sx-royal); letter-spacing: -.015em;
}
.sx-h2 em { color: var(--sx-gold); font-style: italic; }
.sx-sub { color: var(--sx-muted); font-size: 15px; line-height: 1.65; margin: 0; max-width: 640px; }
.sx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  padding: 14px 28px; border-radius: 999px;
  background: var(--sx-royal); color: #fff;
  font-weight: 700; font-size: 14px; text-decoration: none;
  border: none; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.sx-btn:hover { filter: brightness(1.07); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(16,29,68,.22); }
.sx-btn--gold { background: linear-gradient(135deg, #e0b64e, #c39633); color: #2a1e05; }
.sx-btn--ghost { background: transparent; color: var(--sx-royal); border: 1.5px solid var(--sx-line); }
.sx-btn svg { width: 18px; height: 18px; }
.sx-section { padding: clamp(32px, 3.8vw, 52px) 0; }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp.sx-section { padding: 0; }
.sx-usp__band {
  background: linear-gradient(100deg, #16275c 0%, var(--sx-royal) 55%, #1b3f9c 100%);
  border-top: 2px solid rgba(232,201,118,.45);
  border-bottom: 2px solid rgba(232,201,118,.45);
}
.sx-usp__grid { display: grid; grid-template-columns: 1fr 1fr; }
.sx-usp__cell { display: flex; align-items: center; gap: 13px; padding: 18px 16px; justify-content: center; }
.sx-usp__cell + .sx-usp__cell { box-shadow: inset 1px 0 0 rgba(255,255,255,.12); }
.sx-usp__ic { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(232,201,118,.14); color: var(--sx-gold-soft); }
.sx-usp__ic svg { width: 22px; height: 22px; }
.sx-usp__t { display: block; font-size: 14px; font-weight: 700; color: #fff; line-height: 1.25; }
.sx-usp__d { display: block; font-size: 12px; color: #b9c6e8; margin-top: 2px; }
@media (min-width: 760px) {
  .sx-usp__grid { grid-template-columns: repeat(4, 1fr); }
  .sx-usp__cell { justify-content: flex-start; padding: 22px 20px; }
}
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:promo-1 */
.sx-promo__card { position: relative; border-radius: 24px; overflow: hidden; display: grid; box-shadow: var(--sx-shadow); }
.sx-promo__card::after { content: ""; position: absolute; inset: 0; border-radius: 24px; pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(232,201,118,.45); }
.sx-promo__media { grid-area: 1 / 1; }
.sx-promo__media img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 420px; }
.sx-promo__veil { grid-area: 1 / 1; background: linear-gradient(95deg, rgba(13,23,56,.94) 0%, rgba(13,23,56,.78) 40%, rgba(13,23,56,.12) 100%); }
.sx-promo__body { grid-area: 1 / 1; position: relative; padding: clamp(30px, 5vw, 66px); max-width: 560px; align-self: center; color: #fff; }
.sx-promo__body .sx-eyebrow { color: var(--sx-gold-soft); }
.sx-promo__body h2 { font-family: Georgia, serif; font-size: clamp(28px, 3.8vw, 44px); line-height: 1.1; margin: 0 0 14px; color: #fff; letter-spacing: -.015em; }
.sx-promo__body h2 em { color: var(--sx-gold-soft); font-style: italic; }
.sx-promo__body p { font-size: 15px; line-height: 1.7; color: #d8def0; margin: 0 0 26px; max-width: 430px; }
.sx-promo__actions { display: flex; flex-wrap: wrap; gap: 12px; }
/* END shoopy-gen:promo-1 */

/* BEGIN shoopy-gen:reviews-1 */
.sx-reviews { background: radial-gradient(120% 90% at 50% -10%, #ffffff 0%, var(--sx-cream) 60%); }
.sx-reviews__head { text-align: center; margin-bottom: 34px; }
.sx-reviews__head .sx-eyebrow { justify-content: center; }
.sx-reviews__head .sx-sub { margin: 0 auto; }
.sx-reviews__grid { display: grid; gap: 18px; }
.sx-review { position: relative; background: #fff; border: 1px solid var(--sx-line); border-radius: 18px; padding: 28px 24px 24px; display: flex; flex-direction: column; box-shadow: 0 12px 30px rgba(16,29,68,.06); }
.sx-review__q { position: absolute; top: 12px; right: 22px; font-family: Georgia, serif; font-size: 64px; line-height: 1; color: var(--sx-cream-2); }
.sx-review__stars { display: inline-flex; gap: 2px; color: var(--sx-gold); margin-bottom: 12px; }
.sx-review__stars svg { width: 16px; height: 16px; fill: currentColor; }
.sx-review__text { font-size: 14px; line-height: 1.7; color: #3b4257; margin: 0 0 18px; position: relative; z-index: 1; }
.sx-review__who { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.sx-review__av { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--sx-royal), #16275c); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 15px; flex: 0 0 auto; }
.sx-review__who b { display: block; font-size: 14px; color: var(--sx-royal); }
.sx-review__who small { color: var(--sx-muted); font-size: 12px; }
@media (min-width: 820px) { .sx-reviews__grid { grid-template-columns: repeat(3, 1fr); } }
/* END shoopy-gen:reviews-1 */

/* =========================================================
   MISHeMALL FIXES — HERO + FOOTER + MOBILE REVIEWS
   Added by ChatGPT
   ========================================================= */

/* Reduce extra section padding, especially on desktop */
.sx-section {
  padding: clamp(24px, 2.6vw, 38px) 0 !important;
}

.sx-wrap {
  max-width: var(--sx-max, 1200px) !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Hero / promo banner fixes */
.sx-promo.sx-section {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.sx-promo__card {
  max-width: var(--sx-max, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.sx-promo__media img {
  min-height: 350px !important;
  max-height: 520px !important;
  object-fit: cover !important;
  object-position: center !important;
}

.sx-promo__veil {
  background: linear-gradient(
    95deg,
    rgba(13, 23, 56, 0.94) 0%,
    rgba(13, 23, 56, 0.78) 38%,
    rgba(13, 23, 56, 0.18) 100%
  ) !important;
}

.sx-promo__body {
  width: min(520px, 100%) !important;
  max-width: 520px !important;
  padding: clamp(24px, 3.2vw, 42px) !important;
  align-self: center !important;
  overflow: hidden !important;
}

.sx-promo__body .sx-eyebrow {
  margin-bottom: 12px !important;
  white-space: normal !important;
}

.sx-promo__body h2 {
  font-size: clamp(26px, 3.1vw, 40px) !important;
  line-height: 1.08 !important;
  margin-bottom: 12px !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.sx-promo__body p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  max-width: 420px !important;
  margin-bottom: 20px !important;
}

.sx-promo__actions {
  gap: 10px !important;
}

.sx-promo__actions .sx-btn {
  min-height: 44px !important;
  padding: 12px 22px !important;
  font-size: 13px !important;
}

/* Mobile hero/banner fix */
@media (max-width: 760px) {
  .sx-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .sx-wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .sx-promo.sx-section {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .sx-promo__card {
    min-height: 360px !important;
    border-radius: 18px !important;
  }

  .sx-promo__media img {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .sx-promo__veil {
    background: linear-gradient(
      90deg,
      rgba(13, 23, 56, 0.94) 0%,
      rgba(13, 23, 56, 0.78) 54%,
      rgba(13, 23, 56, 0.30) 100%
    ) !important;
  }

  .sx-promo__body {
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px 24px !important;
    align-self: center !important;
  }

  .sx-promo__body .sx-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .sx-promo__body .sx-eyebrow::before {
    width: 22px !important;
  }

  .sx-promo__body h2 {
    font-size: clamp(24px, 7.4vw, 31px) !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
    max-width: 100% !important;
  }

  .sx-promo__body p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  .sx-promo__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .sx-promo__actions .sx-btn {
    padding: 11px 16px !important;
    min-height: 42px !important;
    font-size: 12.5px !important;
  }
}

@media (max-width: 420px) {
  .sx-promo__card {
    min-height: 340px !important;
  }

  .sx-promo__media img {
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
  }

  .sx-promo__body {
    padding: 20px 22px !important;
  }

  .sx-promo__body h2 {
    font-size: 24px !important;
  }

  .sx-promo__body p {
    font-size: 13px !important;
  }
}

/* Reviews: desktop grid, mobile horizontal scroll */
@media (max-width: 819px) {
  .sx-reviews__grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 16px 16px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .sx-reviews__grid::-webkit-scrollbar {
    display: none !important;
  }

  .sx-review {
    flex: 0 0 84% !important;
    min-width: 84% !important;
    max-width: 84% !important;
    scroll-snap-align: start !important;
    border-radius: 16px !important;
    padding: 24px 20px 22px !important;
  }

  .sx-review__q {
    font-size: 52px !important;
    right: 18px !important;
  }
}

@media (max-width: 420px) {
  .sx-review {
    flex-basis: 88% !important;
    min-width: 88% !important;
    max-width: 88% !important;
  }
}

@media (min-width: 820px) {
  .sx-reviews__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Footer fixes for common Shoopy/theme footer classes */
footer,
.ft,
.site-footer,
.footer,
.m-foot {
  background: var(--sx-navy, #101d44) !important;
  color: #d8def0 !important;
  overflow: hidden !important;
}

footer a,
.ft a,
.site-footer a,
.footer a,
.m-foot a {
  color: #d8def0 !important;
  text-decoration: none !important;
}

footer a:hover,
.ft a:hover,
.site-footer a:hover,
.footer a:hover,
.m-foot a:hover {
  color: var(--sx-gold-soft, #e8c976) !important;
}

footer .wrap,
.ft__in,
.footer__in,
.footer-container,
.footer-content,
.site-footer__inner,
.m-foot__cols {
  max-width: var(--sx-max, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 42px 18px 28px !important;
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}

footer h4,
.ft h4,
.footer h4,
.site-footer h4,
.m-foot h4 {
  margin: 0 0 14px !important;
  color: var(--sx-gold-soft, #e8c976) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

footer p,
.ft p,
.footer p,
.site-footer p,
.m-foot p,
footer li,
.ft li,
.footer li,
.site-footer li,
.m-foot li {
  color: #c7cee4 !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

.ft__brand,
.footer-brand,
.site-footer__brand,
.m-foot__brand {
  min-width: 0 !important;
}

.ft__brand img,
.footer-brand img,
.site-footer__brand img,
.m-foot__brand img,
footer img {
  max-width: 170px !important;
  height: auto !important;
  object-fit: contain !important;
}

.ft__contact,
.footer-contact,
.site-footer__contact,
.m-foot__contact {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
}

.ft__contact a,
.footer-contact a,
.site-footer__contact a,
.m-foot__contact a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.ft__contact svg,
.footer-contact svg,
.site-footer__contact svg,
.m-foot__contact svg,
.ft__contact img,
.footer-contact img,
.site-footer__contact img,
.m-foot__contact img {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  max-width: 17px !important;
  object-fit: contain !important;
  color: var(--sx-gold-soft, #e8c976) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.ft__social,
.footer-social,
.site-footer__social,
.m-soc {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 14px !important;
}

.ft__social a,
.footer-social a,
.site-footer__social a,
.m-soc a {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(232, 201, 118, 0.22) !important;
  color: var(--sx-gold-soft, #e8c976) !important;
  overflow: hidden !important;
}

.ft__social a:hover,
.footer-social a:hover,
.site-footer__social a:hover,
.m-soc a:hover {
  background: var(--sx-gold, #c39633) !important;
  color: #101d44 !important;
}

.ft__social svg,
.footer-social svg,
.site-footer__social svg,
.m-soc svg,
.ft__social img,
.footer-social img,
.site-footer__social img,
.m-soc img {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  object-fit: contain !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.ft__bottom,
.footer-bottom,
.site-footer__bottom,
.m-foot__bottom,
.m-foot__bar {
  border-top: 1px solid rgba(232, 201, 118, 0.16) !important;
  color: #aeb8d4 !important;
  padding: 16px 18px !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  footer .wrap,
  .ft__in,
  .footer__in,
  .footer-container,
  .footer-content,
  .site-footer__inner,
  .m-foot__cols {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px 18px !important;
    padding: 34px 16px 24px !important;
  }

  .ft__brand,
  .footer-brand,
  .site-footer__brand,
  .m-foot__brand,
  .ft__contact,
  .footer-contact,
  .site-footer__contact,
  .m-foot__contact,
  .ft__social,
  .footer-social,
  .site-footer__social,
  .m-soc {
    grid-column: 1 / -1 !important;
  }

  footer h4,
  .ft h4,
  .footer h4,
  .site-footer h4,
  .m-foot h4 {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }

  footer p,
  .ft p,
  .footer p,
  .site-footer p,
  .m-foot p,
  footer li,
  .ft li,
  .footer li,
  .site-footer li,
  .m-foot li,
  footer a,
  .ft a,
  .footer a,
  .site-footer a,
  .m-foot a {
    font-size: 12.5px !important;
    line-height: 1.7 !important;
  }

  .ft__brand img,
  .footer-brand img,
  .site-footer__brand img,
  .m-foot__brand img,
  footer img {
    max-width: 145px !important;
  }

  .ft__social a,
  .footer-social a,
  .site-footer__social a,
  .m-soc a {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  .ft__social svg,
  .footer-social svg,
  .site-footer__social svg,
  .m-soc svg,
  .ft__social img,
  .footer-social img,
  .site-footer__social img,
  .m-soc img {
    width: 16px !important;
    height: 16px !important;
  }
}


/* =========================================================
   MISHeMALL FOOTER NEWSLETTER + ORIGINAL ICONS FIX
   Added by ChatGPT
   - Fixes newsletter form overflow on mobile
   - Forces original social icons inside footer circles
   - Keeps footer clean on mobile and desktop
   ========================================================= */

/* Newsletter alignment */
.m-news,
.newsletter,
.footer-newsletter,
.site-footer__newsletter {
  width: 100% !important;
  overflow: hidden !important;
}

.m-news__in,
.newsletter__inner,
.footer-newsletter__inner,
.site-footer__newsletter-inner {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.m-news__form,
.newsletter-form,
.footer-newsletter form,
.site-footer__newsletter form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 460px !important;
}

.m-news__form input,
.newsletter-form input,
.footer-newsletter input,
.site-footer__newsletter input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 42px !important;
  padding: 10px 13px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

.m-news__form button,
.m-news__form .m-btn,
.m-news__form .sx-btn,
.newsletter-form button,
.footer-newsletter button,
.site-footer__newsletter button {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Footer brand image should not create overflow */
.m-foot__brand img,
.ft__brand img,
.footer-brand img,
.site-footer__brand img,
footer .footer-logo img,
footer img[alt*="logo" i],
footer img[alt*="MISHeMALL" i] {
  max-width: 170px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Social icon row */
.m-soc,
.ft__social,
.footer-social,
.site-footer__social,
footer .social,
footer [class*="social"] {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 14px !important;
}

/* Social icon circles */
.m-soc a,
.ft__social a,
.footer-social a,
.site-footer__social a,
footer .social a,
footer [class*="social"] a {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #e8c976 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  overflow: hidden !important;
  position: relative !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.m-soc a:hover,
.ft__social a:hover,
.footer-social a:hover,
.site-footer__social a:hover,
footer .social a:hover,
footer [class*="social"] a:hover {
  background: #c39633 !important;
  border-color: #c39633 !important;
  color: #101d44 !important;
}

/* Hide broken/incorrect child icons and use CSS original icons */
.m-soc a > img,
.m-soc a > svg,
.ft__social a > img,
.ft__social a > svg,
.footer-social a > img,
.footer-social a > svg,
.site-footer__social a > img,
.site-footer__social a > svg,
footer .social a > img,
footer .social a > svg,
footer [class*="social"] a > img,
footer [class*="social"] a > svg {
  display: none !important;
}

.m-soc a::before,
.ft__social a::before,
.footer-social a::before,
.site-footer__social a::before,
footer .social a::before,
footer [class*="social"] a::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  background-color: currentColor !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
}

/* Instagram icon */
.m-soc a[href*="instagram"]::before,
.ft__social a[href*="instagram"]::before,
.footer-social a[href*="instagram"]::before,
.site-footer__social a[href*="instagram"]::before,
footer [class*="social"] a[href*="instagram"]::before,
.m-soc a[aria-label*="Instagram" i]::before,
.ft__social a[aria-label*="Instagram" i]::before,
.footer-social a[aria-label*="Instagram" i]::before,
.site-footer__social a[aria-label*="Instagram" i]::before,
.m-soc a:nth-child(1)::before,
.ft__social a:nth-child(1)::before,
.footer-social a:nth-child(1)::before,
.site-footer__social a:nth-child(1)::before,
footer [class*="social"] a:nth-child(1)::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 4a4 4 0 1 1 0 8a4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm5.25-3.1a1.1 1.1 0 1 1 0 2.2a1.1 1.1 0 0 1 0-2.2Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 4a4 4 0 1 1 0 8a4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm5.25-3.1a1.1 1.1 0 1 1 0 2.2a1.1 1.1 0 0 1 0-2.2Z'/%3E%3C/svg%3E") !important;
}

/* Facebook icon */
.m-soc a[href*="facebook"]::before,
.ft__social a[href*="facebook"]::before,
.footer-social a[href*="facebook"]::before,
.site-footer__social a[href*="facebook"]::before,
footer [class*="social"] a[href*="facebook"]::before,
.m-soc a[aria-label*="Facebook" i]::before,
.ft__social a[aria-label*="Facebook" i]::before,
.footer-social a[aria-label*="Facebook" i]::before,
.site-footer__social a[aria-label*="Facebook" i]::before,
.m-soc a:nth-child(2)::before,
.ft__social a:nth-child(2)::before,
.footer-social a:nth-child(2)::before,
.site-footer__social a:nth-child(2)::before,
footer [class*="social"] a:nth-child(2)::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.25-1.5 1.55-1.5h1.65V4.9c-.28-.04-1.26-.12-2.4-.12c-2.38 0-4 1.45-4 4.1V11H8v3h2.8v8h2.7Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.25-1.5 1.55-1.5h1.65V4.9c-.28-.04-1.26-.12-2.4-.12c-2.38 0-4 1.45-4 4.1V11H8v3h2.8v8h2.7Z'/%3E%3C/svg%3E") !important;
}

/* WhatsApp icon */
.m-soc a[href*="whatsapp"]::before,
.m-soc a[href*="wa.me"]::before,
.ft__social a[href*="whatsapp"]::before,
.ft__social a[href*="wa.me"]::before,
.footer-social a[href*="whatsapp"]::before,
.footer-social a[href*="wa.me"]::before,
.site-footer__social a[href*="whatsapp"]::before,
.site-footer__social a[href*="wa.me"]::before,
footer [class*="social"] a[href*="whatsapp"]::before,
footer [class*="social"] a[href*="wa.me"]::before,
.m-soc a[aria-label*="WhatsApp" i]::before,
.ft__social a[aria-label*="WhatsApp" i]::before,
.footer-social a[aria-label*="WhatsApp" i]::before,
.site-footer__social a[aria-label*="WhatsApp" i]::before,
.m-soc a:nth-child(3)::before,
.ft__social a:nth-child(3)::before,
.footer-social a:nth-child(3)::before,
.site-footer__social a:nth-child(3)::before,
footer [class*="social"] a:nth-child(3)::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.02 3C8.84 3 3 8.82 3 15.98c0 2.42.67 4.78 1.95 6.83L3.1 29l6.35-1.78a12.9 12.9 0 0 0 6.57 1.75C23.18 28.97 29 23.14 29 15.98C29 8.82 23.18 3 16.02 3Zm0 23.75c-2.08 0-4.11-.56-5.89-1.62l-.42-.25l-3.77 1.06l1.08-3.66l-.27-.44a10.73 10.73 0 0 1-1.54-5.86c0-5.95 4.86-10.79 10.82-10.79c5.96 0 10.8 4.84 10.8 10.79c0 5.95-4.84 10.77-10.8 10.77Zm5.93-8.06c-.32-.16-1.9-.94-2.2-1.05c-.29-.11-.51-.16-.72.16c-.21.32-.83 1.05-1.02 1.27c-.19.21-.37.24-.69.08c-.32-.16-1.36-.5-2.59-1.59c-.96-.86-1.6-1.91-1.79-2.23c-.19-.32-.02-.49.14-.65c.15-.14.32-.37.48-.56c.16-.19.21-.32.32-.54c.11-.21.05-.4-.03-.56c-.08-.16-.72-1.73-.99-2.37c-.26-.62-.52-.54-.72-.55h-.61c-.21 0-.56.08-.85.4c-.29.32-1.12 1.09-1.12 2.66c0 1.57 1.15 3.09 1.31 3.3c.16.21 2.27 3.46 5.5 4.85c.77.33 1.37.53 1.84.68c.77.24 1.48.21 2.04.13c.62-.09 1.9-.78 2.17-1.53c.27-.75.27-1.39.19-1.53c-.08-.13-.29-.21-.61-.37Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.02 3C8.84 3 3 8.82 3 15.98c0 2.42.67 4.78 1.95 6.83L3.1 29l6.35-1.78a12.9 12.9 0 0 0 6.57 1.75C23.18 28.97 29 23.14 29 15.98C29 8.82 23.18 3 16.02 3Zm0 23.75c-2.08 0-4.11-.56-5.89-1.62l-.42-.25l-3.77 1.06l1.08-3.66l-.27-.44a10.73 10.73 0 0 1-1.54-5.86c0-5.95 4.86-10.79 10.82-10.79c5.96 0 10.8 4.84 10.8 10.79c0 5.95-4.84 10.77-10.8 10.77Zm5.93-8.06c-.32-.16-1.9-.94-2.2-1.05c-.29-.11-.51-.16-.72.16c-.21.32-.83 1.05-1.02 1.27c-.19.21-.37.24-.69.08c-.32-.16-1.36-.5-2.59-1.59c-.96-.86-1.6-1.91-1.79-2.23c-.19-.32-.02-.49.14-.65c.15-.14.32-.37.48-.56c.16-.19.21-.32.32-.54c.11-.21.05-.4-.03-.56c-.08-.16-.72-1.73-.99-2.37c-.26-.62-.52-.54-.72-.55h-.61c-.21 0-.56.08-.85.4c-.29.32-1.12 1.09-1.12 2.66c0 1.57 1.15 3.09 1.31 3.3c.16.21 2.27 3.46 5.5 4.85c.77.33 1.37.53 1.84.68c.77.24 1.48.21 2.04.13c.62-.09 1.9-.78 2.17-1.53c.27-.75.27-1.39.19-1.53c-.08-.13-.29-.21-.61-.37Z'/%3E%3C/svg%3E") !important;
}

@media (max-width: 767px) {
  .m-news__in,
  .newsletter__inner,
  .footer-newsletter__inner,
  .site-footer__newsletter-inner {
    padding: 20px 16px !important;
    display: block !important;
  }

  .m-news__t,
  .newsletter h3,
  .footer-newsletter h3,
  .site-footer__newsletter h3 {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin: 0 0 6px !important;
    color: #ffffff !important;
  }

  .m-news__p,
  .newsletter p,
  .footer-newsletter p,
  .site-footer__newsletter p {
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin: 0 0 14px !important;
    color: rgba(255, 255, 255, 0.78) !important;
  }

  .m-news__form,
  .newsletter-form,
  .footer-newsletter form,
  .site-footer__newsletter form {
    max-width: 100% !important;
    display: flex !important;
    gap: 7px !important;
  }

  .m-foot__cols,
  .ft__in,
  .footer-container,
  .footer-content,
  .site-footer__inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 18px !important;
    padding: 28px 16px !important;
  }

  .m-foot__brand,
  .ft__brand,
  .footer-brand,
  .site-footer__brand {
    grid-column: 1 / -1 !important;
  }

  .m-foot__brand p,
  .ft__brand p,
  .footer-brand p,
  .site-footer__brand p,
  footer p {
    font-size: 12px !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
  }
}