/* Lunada Story — strict three-color accessible identity */
:root {
  --accessible-beige: #B5A58E;
  --alabaster: #DED9CC;
  --urbane-bronze: #42362A;

  --paper: var(--alabaster);
  --paper-light: var(--alabaster);
  --paper-dark: var(--accessible-beige);
  --cream: var(--alabaster);
  --cream-light: var(--alabaster);
  --cream-dark: var(--accessible-beige);
  --bg: var(--alabaster);
  --card: var(--alabaster);

  --ink: var(--urbane-bronze);
  --espresso: var(--urbane-bronze);
  --ink-light: var(--urbane-bronze);
  --ink-muted: var(--urbane-bronze);
  --muted: var(--urbane-bronze);

  --gold: var(--accessible-beige);
  --gold-dark: var(--urbane-bronze);
  --gold-light: var(--accessible-beige);
  --cappuccino: var(--accessible-beige);
  --cappuccino-dark: var(--urbane-bronze);
  --cappuccino-deep: var(--urbane-bronze);
  --cappuccino-light: var(--alabaster);
  --rose: var(--accessible-beige);
  --sage: var(--accessible-beige);
  --sage-dark: var(--urbane-bronze);
  --sage-light: var(--alabaster);

  --line: var(--accessible-beige);
  --green: var(--urbane-bronze);
  --red: var(--urbane-bronze);

  --lunada-header-paper: var(--alabaster);
  --lunada-header-ink: var(--urbane-bronze);
  --lunada-header-muted: var(--urbane-bronze);
  --lunada-header-gold: var(--accessible-beige);
  --lunada-header-gold-d: var(--urbane-bronze);

  --shell-paper: var(--alabaster);
  --shell-paper-light: var(--alabaster);
  --shell-paper-dark: var(--accessible-beige);
  --shell-ink: var(--urbane-bronze);
  --shell-ink-light: var(--urbane-bronze);
  --shell-muted: var(--urbane-bronze);
  --shell-gold: var(--accessible-beige);
  --shell-gold-dark: var(--urbane-bronze);

  --shadow-sm: 0 4px 12px rgba(66,54,42,.10);
  --shadow-md: 0 12px 36px rgba(66,54,42,.14);
  --shadow-lg: 0 24px 64px rgba(66,54,42,.18);
  --shadow-card: 0 24px 80px rgba(66,54,42,.16);
  --shadow-float: 0 40px 120px rgba(66,54,42,.20);
  --shadow-glow: 0 0 60px rgba(181,165,142,.38);
}

html, body {
  background-color: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
}
::selection { background: var(--accessible-beige); color: var(--urbane-bronze); }
:focus-visible { outline: 3px solid var(--urbane-bronze) !important; outline-offset: 3px; }

/* Readability on every light surface */
body :where(p, li, label, small, td, th, figcaption),
.sv-section-sub,
.sv-order-hero__sub,
.sv-field-hint,
.sv-upload-hint,
.sv-upload-status,
.sv-chapter-step__label,
.sv-pricing-features,
.sv-pkg-features,
.sv-pkg-old,
.sv-review-table,
.faq-ans,
.letter-text,
.legal-document p,
.legal-document li,
.legal-document td,
.legal-document th,
.legal-meta,
.muted,
.stat span,
.row span,
.head,
.empty {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

h1, h2, h3, h4, h5, h6,
.sv-section-label,
.sv-chapter-title,
.sv-chapter-num,
.sv-pricing-price,
.sv-pricing-name,
.sv-pkg-name,
.sv-pkg-title,
.sv-pkg-amount,
.sv-pkg-offer,
.sv-review-section-title,
.box h4,
.eyebrow,
.kicker {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Forms */
input, textarea, select, button {
  accent-color: var(--urbane-bronze);
  caret-color: var(--urbane-bronze);
  outline-color: var(--urbane-bronze);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
textarea,
select,
.input,
.select,
.textarea {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}
input::placeholder, textarea::placeholder {
  color: var(--urbane-bronze) !important;
  opacity: .78 !important;
}
input[type="checkbox"], input[type="radio"] {
  accent-color: var(--urbane-bronze) !important;
  color: var(--urbane-bronze) !important;
}
input.honey {
  background-color: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
.sv-upload-zone {
  background: var(--alabaster) !important;
  border: 2px dashed var(--urbane-bronze) !important;
  color: var(--urbane-bronze) !important;
}
.sv-upload-zone.dragover,
.sv-option-chip:hover,
.sv-pkg-card:hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
.sv-option-chip.selected,
.sv-pkg-card.selected,
.package-card.selected {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
}

/* Primary actions: guaranteed high contrast */
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  button[type="submit"]
) {
  background: var(--urbane-bronze) !important;
  background-image: none !important;
  color: var(--alabaster) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  button[type="submit"]
):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
:where(.sv-btn-next,.sv-btn-forward,.sv-btn-submit,button[type="submit"]):disabled {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Secondary actions */
:where(.sv-btn-back,.sv-upload-add,.legal-document-footer .back,.btn2,.btn-secondary) {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}
:where(.sv-btn-back,.sv-upload-add,.legal-document-footer .back,.btn2,.btn-secondary):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
}

/* Badges must never use beige text on a pale surface */
.sv-pkg-badge,
.sv-pricing-badge,
.pricing-badge,
.pkg-badge,
.badge {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border-color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Intentionally dark sections */
.sv-why-bg,
.sv-why-bg :where(h1,h2,h3,h4,h5,h6,p,li,span,a,.sv-chapter-title,.sv-section-sub,.sv-chapter-num),
.hero,
.hero :where(h1,h2,h3,h4,p,span) {
  color: var(--alabaster) !important;
  opacity: 1 !important;
}
.sv-why-bg { background: var(--urbane-bronze) !important; }
.sv-why-bg .sv-chapter-line,
.sv-why-item { border-color: var(--accessible-beige) !important; }

/* Footer redesigned visibly: Accessible Beige, never the old dark-brown footer */
body footer,
.sv-footer {
  background: var(--accessible-beige) !important;
  background-image: none !important;
  color: var(--urbane-bronze) !important;
  border-top: 2px solid var(--urbane-bronze) !important;
}
body footer :where(p,span,small,a,h1,h2,h3,h4,h5,h6,div),
.sv-footer :where(p,span,small,a,h1,h2,h3,h4,h5,h6,div) {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}
.footer-brand,
.sv-footer-brand {
  background: var(--alabaster) !important;
  border: 2px solid var(--urbane-bronze) !important;
  box-shadow: 0 12px 30px rgba(66,54,42,.14) !important;
}
.footer-brand .logo-img,
.sv-footer-logo img {
  filter: none !important;
  opacity: 1 !important;
}
.footer-brand .social a,
.sv-footer-social {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}
.footer-brand .social a:hover,
.sv-footer-social:hover {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
}
.ft-col h4::after,
.sv-footer-col h4::after {
  background: var(--urbane-bronze) !important;
  opacity: 1 !important;
}
.footer-sub,
.sv-footer-sub {
  color: var(--urbane-bronze) !important;
  border-top: 1px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Header */
.lunada-global-header,
nav {
  color: var(--urbane-bronze) !important;
}
.lunada-global-header__desktop a:not(.lunada-global-header__cta),
.lunada-global-menu a:not(.lunada-global-menu__cta),
.nav-links a:not(.nav-cta) {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Internal panel */
.card,.panel,.list,.stat,.filters,.box,.order {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
.order:hover,.order.active { background: var(--accessible-beige) !important; }
.btn { background: var(--urbane-bronze) !important; color: var(--alabaster) !important; border: 2px solid var(--urbane-bronze) !important; }
.btn2 { background: var(--alabaster) !important; color: var(--urbane-bronze) !important; }

/* Minimal borderless refinement — 2026-07-24 */
:root {
  --control-bg: var(--accessible-beige);
  --soft-shadow: 0 10px 30px rgba(66,54,42,.08);
  --hover-shadow: 0 14px 34px rgba(66,54,42,.16);
}

/* Focus remains accessible without a permanent stroke. */
:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(66,54,42,.16) !important;
}

/* Inputs: solid surface, no heavy outline. */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
textarea,
select,
.input,
.select,
.textarea,
.sv-form-group input,
.sv-form-group select,
.sv-form-group textarea {
  background: var(--control-bg) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
textarea:hover,
select:hover,
.input:hover,
.select:hover,
.textarea:hover {
  background: var(--alabaster) !important;
  box-shadow: var(--soft-shadow) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
textarea:focus,
select:focus,
.input:focus,
.select:focus,
.textarea:focus,
.sv-form-group input:focus,
.sv-form-group select:focus,
.sv-form-group textarea:focus {
  background: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: 0 0 0 4px rgba(66,54,42,.14), var(--soft-shadow) !important;
  outline: none !important;
}

/* Upload and selectable cards: no dashed or boxed strokes. */
.sv-upload-zone,
.sv-option-chip,
.sv-pkg-card,
.package-card {
  border: 0 !important;
  box-shadow: var(--soft-shadow) !important;
}
.sv-upload-zone {
  background: var(--accessible-beige) !important;
}
.sv-upload-zone:hover,
.sv-upload-zone.dragover {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  box-shadow: var(--hover-shadow) !important;
}
.sv-upload-zone:hover *,
.sv-upload-zone.dragover * {
  color: var(--alabaster) !important;
}
.sv-option-chip,
.sv-pkg-card,
.package-card {
  background: var(--alabaster) !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.sv-option-chip:hover,
.sv-pkg-card:hover,
.package-card:hover {
  background: var(--accessible-beige) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--hover-shadow) !important;
}
.sv-option-chip.selected,
.sv-option-chip:has(input:checked),
.sv-pkg-card.selected,
.sv-pkg-card:has(input:checked),
.package-card.selected {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: var(--hover-shadow) !important;
}
.sv-option-chip.selected *,
.sv-option-chip:has(input:checked) *,
.sv-pkg-card.selected *,
.sv-pkg-card:has(input:checked) *,
.package-card.selected * {
  color: var(--alabaster) !important;
}

/* Buttons: no stroke; hover must be visually obvious. */
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-btn-primary,
  .sv-cta-btn-primary,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  .btn,
  button[type="submit"]
) {
  background: var(--urbane-bronze) !important;
  background-image: none !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(66,54,42,.14) !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-btn-primary,
  .sv-cta-btn-primary,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  .btn,
  button[type="submit"]
):not(:disabled):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--hover-shadow) !important;
}
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  button[type="submit"]
):disabled {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: .58 !important;
}

:where(
  .sv-btn-back,
  .sv-upload-add,
  .sv-upload-more,
  .legal-document-footer .back,
  .btn2,
  .btn-secondary,
  .sv-btn-ghost,
  .sv-cta-btn-ghost
) {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
:where(
  .sv-btn-back,
  .sv-upload-add,
  .sv-upload-more,
  .legal-document-footer .back,
  .btn2,
  .btn-secondary,
  .sv-btn-ghost,
  .sv-cta-btn-ghost
):not(:disabled):hover {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--hover-shadow) !important;
}

/* Header links use a surface change instead of an underline/stroke. */
.lunada-global-header__desktop a:not(.lunada-global-header__cta):hover,
.lunada-global-menu a:not(.lunada-global-menu__cta):hover,
.nav-links a:not(.nav-cta):hover,
.sv-nav-links a:not(.sv-cta):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
}

/* Footer: open layout, no framed brand card and no separator strokes. */
body footer,
.sv-footer {
  background: var(--accessible-beige) !important;
  background-image: none !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
}
.footer-inner,
.sv-footer-inner {
  align-items: start !important;
}
.footer-brand,
.sv-footer-brand {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.footer-brand .social a,
.sv-footer-social {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.footer-brand .social a:hover,
.sv-footer-social:hover {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  transform: translateY(-3px) scale(1.04) !important;
  box-shadow: var(--soft-shadow) !important;
}
.ft-col h4::after,
.sv-footer-col h4::after {
  display: none !important;
}
.ft-col a,
.sv-footer-col a {
  margin-left: -8px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}
.ft-col a:hover,
.sv-footer-col a:hover {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  transform: translateX(4px) !important;
}
.footer-sub,
.sv-footer-sub {
  border: 0 !important;
  background: rgba(66,54,42,.06) !important;
  color: var(--urbane-bronze) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin-bottom: 18px !important;
}

/* Admin surfaces: reduce the boxed feeling as well. */
.card,
.panel,
.list,
.stat,
.filters,
.box {
  border: 0 !important;
  box-shadow: var(--soft-shadow) !important;
}
.order {
  border: 0 !important;
}

/* Homepage finishing pass — contrast, hierarchy and surface separation */

/* The emphasized hero phrase stays warm, but reads as a softer mocha accent. */
.sv-hero h1 em {
  color: #766553 !important;
}

/* Chapter rules need enough contrast on light sections. */
.sv-chapter-line {
  min-width: 48px;
  background: rgba(66, 54, 42, .38) !important;
}

/* Theme tiles should read as individual, slightly lighter objects. */
.sv-theme-tile {
  background: rgba(255, 255, 255, .32) !important;
  border-color: rgba(66, 54, 42, .16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .38) inset,
    0 10px 28px rgba(66, 54, 42, .055) !important;
}
.sv-theme-tile:hover {
  background: rgba(255, 255, 255, .52) !important;
  border-color: rgba(66, 54, 42, .28) !important;
}

/* On the dark story section, keep the label rule visible and the grid subtle. */
.sv-why-bg .sv-chapter-line {
  background: rgba(222, 217, 204, .42) !important;
}
.sv-why-bg .sv-why-item {
  border-color: rgba(222, 217, 204, .14) !important;
}
.sv-why-bg .sv-why-item:hover {
  background: rgba(222, 217, 204, .035) !important;
}

/* Final CTA: the primary brown surface with deliberately high-contrast content. */
.sv-cta-section {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
}
.sv-cta-section .sv-cta-eyebrow,
.sv-cta-section .sv-cta-heading,
.sv-cta-section .sv-cta-sub,
.sv-cta-section .sv-cta-guarantee,
.sv-cta-section .sv-cta-step-num,
.sv-cta-section .sv-cta-step-label {
  color: var(--alabaster) !important;
  opacity: 1 !important;
}
.sv-cta-section .sv-cta-eyebrow {
  color: rgba(222, 217, 204, .82) !important;
}
.sv-cta-section .sv-cta-heading em {
  color: #CFC1AD !important;
}
.sv-cta-section .sv-cta-sub {
  color: rgba(222, 217, 204, .78) !important;
}
.sv-cta-section .sv-cta-guarantee {
  color: rgba(222, 217, 204, .68) !important;
}
.sv-cta-section .sv-cta-step-label {
  color: rgba(222, 217, 204, .76) !important;
}
.sv-cta-section .sv-cta-eyebrow::before,
.sv-cta-section .sv-cta-eyebrow::after {
  background: rgba(222, 217, 204, .42) !important;
}
.sv-cta-section .sv-cta-step-num {
  border-color: rgba(222, 217, 204, .44) !important;
}
.sv-cta-section .sv-cta-step:not(:last-child)::after {
  color: rgba(222, 217, 204, .42) !important;
}
.sv-cta-section .sv-cta-btn-primary {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  box-shadow: 0 14px 34px rgba(24, 18, 13, .22) !important;
}
.sv-cta-section .sv-cta-btn-primary:hover {
  background: #CFC1AD !important;
  color: var(--urbane-bronze) !important;
}
.sv-cta-section .sv-cta-btn-ghost {
  background: transparent !important;
  color: var(--alabaster) !important;
  border: 1px solid rgba(222, 217, 204, .42) !important;
}
.sv-cta-section .sv-cta-btn-ghost:hover {
  background: rgba(222, 217, 204, .12) !important;
  color: var(--alabaster) !important;
  border-color: rgba(222, 217, 204, .7) !important;
}
.sv-cta-section .sv-cta-orb-1 {
  background: radial-gradient(circle, rgba(222, 217, 204, .08) 0%, transparent 65%) !important;
}
.sv-cta-section .sv-cta-orb-2 {
  background: radial-gradient(circle, rgba(181, 165, 142, .1) 0%, transparent 65%) !important;
}

/* Contact glyphs must contrast with the beige footer. */
.sv-footer-contact-item .sv-footer-contact-icon {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Remove the final footer strip/line and let the copyright sit on the surface. */
.footer-sub,
.sv-footer-sub {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 20px 0 24px !important;
  margin-bottom: 0 !important;
}
.sv-footer,
.sv-footer::after,
body {
  border-bottom: 0 !important;
}

/* Hover contrast: gallery captions and the shared header CTA */
.sv-gallery-caption {
  background: linear-gradient(
    to top,
    rgba(42, 33, 25, .94) 0%,
    rgba(42, 33, 25, .76) 32%,
    rgba(42, 33, 25, .18) 72%,
    transparent 100%
  ) !important;
}
.sv-gallery-caption-inner h3 {
  color: var(--alabaster) !important;
  opacity: 1 !important;
  text-shadow: 0 2px 12px rgba(24, 18, 13, .45);
}
.sv-gallery-caption-inner p {
  color: rgba(255, 255, 255, .86) !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(24, 18, 13, .45);
}

.lunada-global-header__desktop .lunada-global-header__cta:hover,
.lunada-global-header__desktop .lunada-global-header__cta:focus-visible {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  -webkit-text-fill-color: var(--alabaster) !important;
  box-shadow:
    0 14px 34px rgba(66, 54, 42, .28),
    0 0 0 3px rgba(181, 165, 142, .36) !important;
}

/* Keep the complete wordmark legible on every light header surface. */
.lunada-global-header__brand-text,
.lunada-global-header__brand-text > span,
.lunada-global-header__brand-text small {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.lunada-global-header__brand-text > span {
  color: #766553 !important;
}
.lunada-global-header__brand-text small {
  font-weight: 600 !important;
  letter-spacing: .28em !important;
}

/* Three-package offer and delivery options */
.sv-pricing-grid--packages {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 1180px !important;
  align-items: stretch;
}
.sv-pricing-bg {
  scroll-margin-top: 88px;
}
.sv-pricing-grid--packages .sv-pricing-card {
  display: flex;
  flex-direction: column;
  padding: clamp(26px, 2.6vw, 34px);
}
.sv-pricing-grid--packages .sv-pricing-name {
  min-height: 2.5em;
  margin-bottom: 22px;
}
.sv-pricing-grid--packages .sv-pricing-features {
  flex: 1;
  margin: 18px 0 0;
}
.sv-pricing-grid--packages .sv-pricing-cta {
  margin-top: 24px;
}
.sv-pricing-price-label {
  margin-bottom: 9px;
  color: var(--urbane-bronze);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.sv-pricing-grid--packages .sv-pricing-price-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  gap: 18px;
  margin-bottom: 0;
}
.sv-pricing-offer-price {
  display: flex;
  align-items: baseline;
  gap: 7px;
}
.sv-pricing-standard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding-bottom: 3px;
  color: var(--urbane-bronze);
  line-height: 1.2;
}
.sv-pricing-standard span {
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .72;
}
.sv-pricing-standard s {
  font-family: var(--font-serif);
  font-size: .98rem;
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(66, 54, 42, .55);
}
.sv-delivery-strip {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  max-width: 660px;
  margin: 22px auto 0;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(181, 165, 142, .2);
  box-shadow: 0 9px 26px rgba(66, 54, 42, .07);
}
.sv-delivery-strip > div {
  min-height: 60px;
  padding: 11px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sv-delivery-strip__intro {
  gap: 10px;
  background: var(--urbane-bronze);
  color: var(--alabaster);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sv-delivery-strip__item {
  flex-direction: column;
  border-left: 1px solid rgba(66, 54, 42, .12);
  color: var(--urbane-bronze);
}
.sv-delivery-strip__item strong {
  font-family: var(--font-serif);
  font-size: 1.15rem;
}
.sv-delivery-strip__item span {
  margin-top: 0;
  font-size: .72rem;
}

.sv-pkg-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 1080px !important;
}
.sv-pkg-grid--three .sv-pkg-card {
  display: flex;
  flex-direction: column;
  padding: 26px 18px;
}
.sv-pkg-grid--three .sv-pkg-features {
  flex: 1;
}
.sv-pkg-grid--three .sv-pkg-original {
  display: block;
  margin-top: 4px;
}
.sv-delivery-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 620px;
  margin: 0 auto;
}
.sv-delivery-card {
  cursor: pointer;
  position: relative;
}
.sv-delivery-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.sv-delivery-card > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 68px;
  padding: 16px 20px;
  border-radius: 16px;
  background: var(--alabaster);
  color: var(--urbane-bronze);
  box-shadow: var(--soft-shadow);
  transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.sv-delivery-card small {
  font-size: .9rem;
}
.sv-delivery-card:hover > span {
  transform: translateY(-2px);
  background: var(--accessible-beige);
  box-shadow: var(--hover-shadow);
}
.sv-delivery-card input:checked + span {
  background: var(--urbane-bronze);
  color: var(--alabaster);
  box-shadow: var(--hover-shadow);
}
.sv-delivery-card input:focus-visible + span {
  outline: 3px solid rgba(181, 165, 142, .65);
  outline-offset: 3px;
}

@media (max-width: 920px) {
  .sv-pricing-grid--packages,
  .sv-pkg-grid--three {
    grid-template-columns: 1fr !important;
    max-width: 680px !important;
  }
  .sv-pricing-grid--packages .sv-pricing-name {
    min-height: auto;
  }
}

@media (max-width: 620px) {
  .sv-delivery-strip,
  .sv-delivery-choice {
    grid-template-columns: 1fr;
  }
  .sv-delivery-strip__item {
    border-top: 1px solid rgba(66, 54, 42, .12);
    border-left: 0;
  }
}

