:root {
  --brand-primary: #8b5cf6; /* indigo-violet default */
  --brand-accent: #06b6d4; /* cyan accent */
  --brand-text: #222222;
  --brand-muted: #6b7280;
  --bg-page: #ffffff;
  --admin-header-height: 56px;
}

/* Allow simple brand overrides from `settings` by writing a small inline style in header */

/* Admin tweaks */
.main-header { height: var(--admin-header-height); }
.brand-logo img{ max-height:36px; }

/* Buttons */
.btn-brand{ background:var(--brand-primary); color:#fff; border:none }
.btn-accent{ background:var(--brand-accent); color:#fff; border:none }

/* Utility */
.text-muted{ color:var(--brand-muted); }

/* Landing */
.landing-hero{ background:linear-gradient(90deg, rgba(139,92,246,0.08), rgba(6,182,212,0.04)); padding:3rem 1rem }

:root {
  --brand-primary: #E7AA51;
  --brand-rose: #FFD6D6;
  --brand-cream: #F9F5F2;
  --brand-ink: #000000;
  --brand-line: #E8E0D9;
  --brand-soft: #F2EFEA;
  --page-bg: #f9f5f2;
  --page-text: #0f172a;
}

/* Fallback utilities so custom Tailwind colors remain visible even before CDN utilities load. */
.bg-primary {
  background-color: var(--brand-primary) !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-slate-900 {
  background-color: #0f172a !important;
}

.bg-slate-800 {
  background-color: #1e293b !important;
}

.bg-slate-100 {
  background-color: #f1f5f9 !important;
}

.text-primary {
  color: #a76a15 !important;
}

.text-white {
  color: #ffffff !important;
}

.text-slate-900 {
  color: #0f172a !important;
}

.text-slate-800 {
  color: #1f2937 !important;
}

.text-slate-700 {
  color: #334155 !important;
}

.text-slate-600 {
  color: #475569 !important;
}

.text-slate-500 {
  color: #64748b !important;
}

.text-slate-400 {
  color: #94a3b8 !important;
}

.bg-background-dark {
  background-color: #211b11 !important;
}

.text-background-dark {
  color: #211b11 !important;
}

.bg-background-light {
  background-color: #f9f5f2 !important;
}

.text-background-light {
  color: #f9f5f2 !important;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
  color: var(--page-text);
  margin: 0;
  overflow-x: hidden;
  background-color: var(--page-bg) !important;
}

main {
  min-width: 0;
  overflow-x: clip;
}

html.light,
body.light {
  color-scheme: light;
}

html.dark,
body.dark {
  color-scheme: dark;
}

/* Explicit light backgrounds for common containers to avoid text/background collisions. */
main .bg-white {
  background-color: #ffffff !important;
}

main .bg-slate-50 {
  background-color: #f8fafc !important;
}

main .bg-primary\/5 {
  background-color: #f8f1e7 !important;
}

main .bg-primary\/10 {
  background-color: #f4e8d6 !important;
}

h1,
h2,
h3,
h4,
.lp-brand__text {
  font-family: "Playfair Display", serif;
}

img {
  max-width: 100%;
  height: auto;
}

.lp-navbar {
  position: sticky;
  top: 0;
  z-index: 80;
  background: #fffffff0;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--brand-line);
}

.lp-navbar__inner {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0.75rem 1.1rem;
  display: grid;
  grid-template-columns: auto 188px 1fr auto;
  align-items: center;
  gap: 0.82rem;
}

.lp-navbar__inner--no-search {
  grid-template-columns: auto 1fr auto;
}

.lp-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.52rem;
  text-decoration: none;
}

.lp-brand__icon {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.75rem;
}

.lp-brand__text {
  color: #0f172a;
  font-weight: 700;
  font-size: 1.03rem;
  white-space: nowrap;
}

.lp-search {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid var(--brand-line);
  background: var(--brand-soft);
  border-radius: 0.85rem;
  padding: 0.32rem;
  min-width: 2.6rem;
  width: 2.6rem;
  overflow: hidden;
  transition: width 0.22s ease, padding 0.22s ease, border-color 0.22s ease;
}

.lp-search__icon {
  width: 1.95rem;
  min-width: 1.95rem;
  height: 1.95rem;
  border: 0;
  border-radius: 0.6rem;
  background: transparent;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.lp-search__icon .material-symbols-outlined {
  font-size: 1.08rem;
}

.lp-search__icon:hover {
  background: color-mix(in srgb, var(--brand-primary) 12%, white);
}

.lp-search.lp-search--open,
.lp-search:focus-within {
  width: 11.75rem;
  padding: 0.45rem 0.68rem 0.45rem 0.42rem;
  border-color: color-mix(in srgb, var(--brand-primary) 42%, var(--brand-line));
}

.lp-search input {
  width: 0;
  opacity: 0;
  pointer-events: none;
  border: 0;
  background: transparent;
  outline: none;
  color: #334155;
  font-size: 0.9rem;
  transition: opacity 0.16s ease;
}

.lp-search.lp-search--open input,
.lp-search:focus-within input {
  width: 100%;
  opacity: 1;
  pointer-events: auto;
}

.lp-search input::placeholder {
  color: #64748b;
}

/* Readability guardrails for light sections in case Tailwind dark classes are active. */
main .text-slate-900 {
  color: #0f172a !important;
}

main .text-slate-700 {
  color: #334155 !important;
}

main .text-slate-600,
main .text-slate-500 {
  color: #475569 !important;
}

main .text-slate-400 {
  color: #64748b !important;
}

/* Default readable text when an element does not define a text color utility. */
main :is(h1, h2, h3, h4, h5, h6, p, li, label, legend, summary):not([class*="text-"]) {
  color: #1f2937 !important;
}

main a:not([class*="text-"]) {
  color: #7a4d15 !important;
}

/* Improve readability over light backgrounds. */
main :is(.bg-white, .bg-background-light, .bg-primary\/5, .bg-slate-50) .text-slate-300 {
  color: #475569 !important;
}

main :is(.bg-white, .bg-background-light, .bg-primary\/5, .bg-slate-50) .text-slate-200 {
  color: #334155 !important;
}

/* Keep light text in intentionally dark surfaces. */
main :is(.bg-background-dark, .bg-slate-900, .bg-slate-800, .bg-black) .text-slate-300 {
  color: #dbe5ef !important;
}

main :is(.bg-background-dark, .bg-slate-900, .bg-slate-800, .bg-black) .text-slate-200 {
  color: #e7edf5 !important;
}

main :is(.bg-background-dark, .bg-slate-900, .bg-slate-800, .bg-black) .text-slate-600,
main :is(.bg-background-dark, .bg-slate-900, .bg-slate-800, .bg-black) .text-slate-500,
main :is(.bg-background-dark, .bg-slate-900, .bg-slate-800, .bg-black) .text-slate-400 {
  color: #cbd5e1 !important;
}

/* Force dark readable typography in light cards and forms (contact, FAQ, etc). */
main :is(.bg-white, .bg-background-light, .bg-primary\/5, .bg-slate-50)
  :is(h1, h2, h3, h4, h5, h6, p, li, label, legend) {
  color: #1f2937 !important;
}

main :is(.bg-white, .bg-background-light, .bg-primary\/5, .bg-slate-50)
  :is(.text-slate-900, .text-slate-800, .text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400) {
  color: #334155 !important;
}

main :is(.bg-white, .bg-background-light, .bg-primary\/5, .bg-slate-50)
  :is(input, textarea, select) {
  color: #1f2937 !important;
}

main :is(.bg-white, .bg-background-light, .bg-primary\/5, .bg-slate-50)
  :is(input, textarea, select)::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

main label,
main legend {
  color: #334155 !important;
}

main summary,
main details p {
  color: #334155 !important;
}

body.light main details {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

body.light main details summary,
body.light main details p {
  color: #334155 !important;
}

main .text-primary {
  color: #a76a15 !important;
}

.material-symbols-outlined {
  vertical-align: middle;
}

.lp-nav-links {
  display: flex;
  align-items: center;
  gap: 0.36rem;
  flex-wrap: wrap;
}

.lp-nav-link,
.lp-dropdown__toggle,
.lp-dropdown__menu a,
.lp-reserve-btn,
.lp-search input {
  font-family: "Montserrat", sans-serif;
}

.lp-nav-link {
  text-decoration: none;
  color: #334155;
  font-size: 0.91rem;
  font-weight: 700;
  padding: 0.36rem 0.52rem;
  border-radius: 0.5rem;
  transition: all 0.18s ease;
}

.lp-nav-link:hover,
.lp-nav-link--active {
  color: #1f2937;
  background: color-mix(in srgb, var(--brand-primary) 24%, white);
}

.lp-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.lp-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.42rem;
  min-height: 2.42rem;
  border: 1px solid var(--brand-line);
  background: #fff;
  color: #475569;
  border-radius: 0.72rem;
  cursor: pointer;
  transition: all 0.18s ease;
}

.lp-theme-toggle:hover {
  color: #7a4d15;
  border-color: color-mix(in srgb, var(--brand-primary) 48%, var(--brand-line));
  background: color-mix(in srgb, var(--brand-primary) 12%, white);
}

.lp-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--brand-line);
  background: #fff;
  color: #334155;
  border-radius: 0.72rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
  cursor: pointer;
}

.lp-menu-toggle .material-symbols-outlined {
  font-size: 1.2rem;
}

.lp-dropdown {
  position: relative;
}

.lp-dropdown__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  border: 1px solid var(--brand-primary);
  background: #fff;
  color: #7a4d15;
  border-radius: 0.72rem;
  font-size: 0.88rem;
  font-weight: 800;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}

.lp-dropdown__toggle--active {
  background: color-mix(in srgb, var(--brand-primary) 24%, white);
  color: #1f2937;
}

.lp-dropdown__toggle .material-symbols-outlined {
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.18s ease;
}

.lp-dropdown--open .lp-dropdown__toggle .material-symbols-outlined {
  transform: rotate(180deg);
}

.lp-dropdown__menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 0.4rem);
  min-width: 160px;
  background: #fff;
  border: 1px solid var(--brand-line);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
}

.lp-dropdown__menu a {
  display: block;
  text-decoration: none;
  color: #334155;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.66rem 0.82rem;
}

.lp-dropdown__menu a:hover {
  background: color-mix(in srgb, var(--brand-primary) 20%, white);
}

.lp-dropdown--open .lp-dropdown__menu,
.lp-dropdown:hover .lp-dropdown__menu {
  display: block;
}

.lp-reserve-btn {
  text-decoration: none;
  background: var(--brand-primary);
  color: #201102;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  font-weight: 900;
  padding: 0.58rem 0.9rem;
}

.lp-reserve-btn:hover {
  background: #d59a45;
}

.lp-reserve-btn--active {
  background: #d59a45;
}

.preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.preview-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  overflow: hidden;
  background: #fff;
}

.preview-card img {
  width: 100%;
  height: auto;
  display: block;
}

.lp-filter-hidden {
  display: none !important;
}

.lp-filter-button.lp-filter-active {
  border-color: var(--brand-primary) !important;
  background: color-mix(in srgb, var(--brand-primary) 18%, white) !important;
}

.lp-filter-button.lp-filter-active span,
.lp-filter-button.lp-filter-active p {
  color: #7a4d15 !important;
  font-weight: 700 !important;
}

.lp-status-active,
.lp-chip-active {
  background: color-mix(in srgb, var(--brand-primary) 22%, white) !important;
  border: 1px solid color-mix(in srgb, var(--brand-primary) 38%, white) !important;
  color: #7a4d15 !important;
}

.lp-booking-card {
  cursor: pointer;
  border-color: rgba(148, 163, 184, 0.38) !important;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.lp-booking-card:hover {
  border-color: color-mix(in srgb, var(--brand-primary) 52%, white) !important;
  transform: translateY(-1px);
}

.lp-booking-card.lp-booking-card--selected {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 10px 28px rgba(215, 161, 77, 0.22);
}

.lp-toast-container {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.lp-toast {
  min-width: 220px;
  max-width: 320px;
  padding: 0.66rem 0.82rem;
  border-radius: 0.72rem;
  background: #0f172a;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.26);
  animation: lp-toast-in 0.2s ease;
}

.lp-toast.lp-toast--error {
  background: #7f1d1d;
}

.lp-toast.lp-toast--exit {
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.2s ease;
}

@keyframes lp-toast-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lp-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.lp-reveal.lp-reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stronger readability for home hero text over photo backgrounds. */
.lp-home-hero img {
  filter: brightness(0.44) saturate(0.9);
}

.lp-home-hero__overlay {
  background: linear-gradient(
    95deg,
    rgba(15, 23, 42, 0.95) 0%,
    rgba(15, 23, 42, 0.78) 45%,
    rgba(15, 23, 42, 0.52) 100%
  );
}

.lp-home-hero h1,
.lp-home-hero p,
.lp-home-hero .inline-block {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.56);
}

/* Shared hero overlays so text remains readable over photographic backgrounds. */
.lp-services-hero,
.lp-about-hero,
.lp-login-hero {
  position: relative;
  overflow: hidden;
}

.lp-services-hero::before,
.lp-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    110deg,
    rgba(15, 23, 42, 0.88) 0%,
    rgba(15, 23, 42, 0.66) 48%,
    rgba(15, 23, 42, 0.42) 100%
  );
}

.lp-services-hero .lp-hero-content,
.lp-about-hero .lp-hero-content,
.lp-login-hero .lp-hero-content {
  position: relative;
  z-index: 2;
}

.lp-services-hero,
.lp-services-hero [style*="background-image"] {
  background-size: cover;
  background-position: center;
}

.lp-about-hero__bg {
  z-index: 0;
  filter: brightness(0.62) saturate(0.9);
}

.lp-login-hero img {
  filter: brightness(0.58) saturate(0.9);
}

.lp-login-hero__overlay {
  background: linear-gradient(
    125deg,
    rgba(15, 23, 42, 0.9) 0%,
    rgba(15, 23, 42, 0.6) 55%,
    rgba(15, 23, 42, 0.34) 100%
  );
}

.lp-services-hero h1,
.lp-services-hero h2,
.lp-services-hero p,
.lp-services-hero span,
.lp-about-hero h1,
.lp-about-hero p,
.lp-login-hero blockquote {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.54);
}

/* Home CTA contrast lock */
.lp-home-cta {
  background: linear-gradient(155deg, #f9f5f2 0%, #efe7dd 100%) !important;
  color: #1f2937 !important;
  border-top: 1px solid rgba(231, 170, 81, 0.24);
}

.lp-home-cta h2,
.lp-home-cta p {
  color: #1f2937 !important;
}

.lp-home-cta .lp-home-cta__text {
  color: #334155 !important;
  font-weight: 500;
}

.lp-home-cta .lp-home-cta__btn {
  background: var(--brand-primary) !important;
  color: #211b11 !important;
  border: 1px solid rgba(122, 77, 21, 0.2);
  box-shadow: 0 10px 28px rgba(231, 170, 81, 0.35);
}

/* Dark theme */
html.dark {
  --page-bg: #0b1220;
  --page-text: #e2e8f0;
}

html.dark body {
  background: #0b1220 !important;
  color: #e2e8f0 !important;
}

html.dark .lp-navbar {
  background: rgba(11, 18, 32, 0.94);
  border-bottom-color: #334155;
}

html.dark .lp-brand__text {
  color: #f8fafc;
}

html.dark .lp-nav-link {
  color: #cbd5e1;
}

html.dark .lp-nav-link:hover,
html.dark .lp-nav-link--active {
  color: #f8fafc;
  background: #1f2937;
}

html.dark .lp-search {
  background: #111827;
  border-color: #334155;
}

html.dark .lp-search__icon {
  color: #cbd5e1;
}

html.dark .lp-search input {
  color: #e2e8f0;
}

html.dark .lp-search input::placeholder {
  color: #94a3b8;
}

html.dark .lp-theme-toggle,
html.dark .lp-dropdown__toggle,
html.dark .lp-menu-toggle {
  background: #0f172a;
  border-color: #334155;
  color: #e2e8f0;
}

html.dark .lp-dropdown__menu {
  background: #111827;
  border-color: #334155;
}

html.dark .lp-dropdown__menu a {
  color: #e2e8f0;
}

html.dark .lp-dropdown__menu a:hover {
  background: #1f2937;
}

html.dark main .bg-white,
html.dark main .bg-slate-50,
html.dark main .bg-slate-100,
html.dark main .bg-background-light,
html.dark main .bg-primary\/5,
html.dark main .bg-primary\/10 {
  background-color: #111827 !important;
}

html.dark main .border-slate-200,
html.dark main .border-primary\/10,
html.dark main .border-primary\/15,
html.dark main .border-primary\/20 {
  border-color: #334155 !important;
}

html.dark main :is(h1, h2, h3, h4, h5, h6, p, li, label, legend, summary):not([class*="text-white"]) {
  color: #e2e8f0 !important;
}

html.dark main .text-slate-900,
html.dark main .text-slate-800,
html.dark main .text-slate-700 {
  color: #f8fafc !important;
}

html.dark main .text-slate-600,
html.dark main .text-slate-500,
html.dark main .text-slate-400 {
  color: #cbd5e1 !important;
}

html.dark main input,
html.dark main textarea,
html.dark main select {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

html.dark .lp-home-cta {
  background: linear-gradient(155deg, #0f172a 0%, #111827 100%) !important;
  color: #e2e8f0 !important;
  border-top: 1px solid rgba(231, 170, 81, 0.32);
}

html.dark .lp-home-cta h2 {
  color: #f8fafc !important;
}

html.dark .lp-home-cta .lp-home-cta__text {
  color: #cbd5e1 !important;
}

html.dark .lp-filter-button.lp-filter-active,
html.dark .lp-status-active,
html.dark .lp-chip-active {
  background: color-mix(in srgb, var(--brand-primary) 26%, #f5efe4) !important;
  border-color: color-mix(in srgb, var(--brand-primary) 56%, #f5efe4) !important;
  color: #1f2937 !important;
}

html.dark .lp-filter-button.lp-filter-active :is(span, p),
html.dark .lp-status-active :is(span, p),
html.dark .lp-chip-active :is(span, p),
html.dark .lp-status-active,
html.dark .lp-chip-active {
  color: #1f2937 !important;
}

@media (max-width: 1180px) {
  .lp-navbar__inner {
    grid-template-columns: 1fr auto;
    gap: 0.7rem;
  }

  .lp-search,
  .lp-nav-links,
  .lp-actions {
    display: none;
  }

  .lp-menu-toggle {
    display: inline-flex;
  }

  .lp-navbar.lp-navbar--open .lp-search,
  .lp-navbar.lp-navbar--open .lp-nav-links,
  .lp-navbar.lp-navbar--open .lp-actions {
    display: flex;
  }

  .lp-navbar.lp-navbar--open .lp-search,
  .lp-navbar.lp-navbar--open .lp-nav-links,
  .lp-navbar.lp-navbar--open .lp-actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .lp-navbar.lp-navbar--open .lp-search {
    order: 3;
    width: 100%;
    min-width: 0;
    padding: 0.45rem 0.68rem 0.45rem 0.42rem;
  }

  .lp-navbar.lp-navbar--open .lp-search input {
    width: 100%;
    opacity: 1;
    pointer-events: auto;
  }

  .lp-nav-links {
    order: 4;
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
  }

  .lp-nav-link {
    padding: 0.62rem 0.68rem;
  }

  .lp-actions {
    order: 5;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .lp-theme-toggle {
    min-width: 2.55rem;
    min-height: 2.55rem;
  }

  .lp-dropdown {
    width: 100%;
  }

  .lp-dropdown__toggle {
    width: 100%;
    justify-content: center;
  }

  .lp-dropdown__menu {
    position: static;
    box-shadow: none;
    border: 1px solid var(--brand-line);
    margin-top: 0.4rem;
    width: 100%;
  }

  .lp-dropdown:hover .lp-dropdown__menu {
    display: none;
  }

  .lp-dropdown.lp-dropdown--open .lp-dropdown__menu {
    display: block;
  }

  .lp-reserve-btn {
    flex: 1 1 auto;
    text-align: center;
  }
}

@media (max-width: 760px) {
  .lp-brand__text {
    font-size: 1rem;
  }

  .lp-home-hero {
    min-height: 520px !important;
    height: auto !important;
  }

  .lp-home-hero > .relative {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .lp-navbar__inner {
    padding: 0.6rem 0.72rem;
  }

  main .text-5xl {
    font-size: 2.1rem !important;
    line-height: 1.15 !important;
  }

  main .text-4xl {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
  }

  main .text-xl {
    font-size: 1.03rem !important;
  }

  main [class*="px-20"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  main [class*="lg:px-20"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  main [class*="md:px-20"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  main :is(.grid, .flex, .rounded-2xl, .rounded-3xl, .lp-auth-pane, .lp-actions, .lp-dropdown, .lp-dropdown__menu) {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 560px) {
  .lp-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .lp-reserve-btn {
    width: 100%;
  }

  main .text-lg {
    font-size: 0.98rem !important;
  }
}