
h1[data-v-d5ea9138] {
  font-size: 20px;
}


:root {
  --brand-accent: #b37a5c;
  --brand-accent-dark: #9d694f;
  --brand-soft: #faf8f5;
  --page-surface: #faf8f5;
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --mobile-top-bar-height: 64px;
  --mobile-bottom-bar-height: 64px;
}
html,
body,
#__nuxt,
#__layout,
.v-application {
  background: #faf8f5 !important;
  background: var(--page-surface) !important;
}
.v-application .v-main {
  background: #faf8f5 !important;
  background: var(--page-surface) !important;
}
html {
  background: #faf8f5;
  background: var(--page-surface);
}
body {
  padding-left: env(safe-area-inset-left, 0px);
  padding-left: var(--safe-area-left);
  padding-right: env(safe-area-inset-right, 0px);
  padding-right: var(--safe-area-right);
}
.v-application .v-btn:not(.v-btn--icon):not(.v-btn--text):not(.v-btn--outlined):not(.v-btn--plain):not(.transparent):not(.error):not(.success):not(.warning):not(.info):not(.bottom-nav-tab):not([class*="red"]):not([class*="green"]):not([class*="blue"]) {
  background: #b37a5c !important;
  background: var(--brand-accent) !important;
  border-color: #b37a5c !important;
  border-color: var(--brand-accent) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(179, 122, 92, 0.16) !important;
}
.v-application .v-btn:not(.v-btn--icon):not(.v-btn--text):not(.v-btn--outlined):not(.v-btn--plain):not(.transparent):not(.error):not(.success):not(.warning):not(.info):not(.bottom-nav-tab):not([class*="red"]):not([class*="green"]):not([class*="blue"]) .v-btn__content,
.v-application .v-btn:not(.v-btn--icon):not(.v-btn--text):not(.v-btn--outlined):not(.v-btn--plain):not(.transparent):not(.error):not(.success):not(.warning):not(.info):not(.bottom-nav-tab):not([class*="red"]):not([class*="green"]):not([class*="blue"]) .v-icon {
  color: #ffffff !important;
}
.v-application .v-btn:not(.v-btn--icon):not(.v-btn--text):not(.v-btn--outlined):not(.v-btn--plain):not(.transparent):not(.error):not(.success):not(.warning):not(.info):not(.bottom-nav-tab):not([class*="red"]):not([class*="green"]):not([class*="blue"]):hover {
  background: #9d694f !important;
  background: var(--brand-accent-dark) !important;
  border-color: #9d694f !important;
  border-color: var(--brand-accent-dark) !important;
}
.v-application .v-btn.v-btn--outlined:not(.error):not(.success):not(.warning):not(.info):not([class*="red"]):not([class*="green"]):not([class*="blue"]) {
  border-color: rgba(179, 122, 92, 0.3) !important;
  color: #b37a5c !important;
  color: var(--brand-accent) !important;
}
.v-application .v-btn.v-btn--text:not(.error):not(.success):not(.warning):not(.info):not([class*="red"]):not([class*="green"]):not([class*="blue"]) {
  color: #b37a5c !important;
  color: var(--brand-accent) !important;
}
.v-application .red--text {
  color: #4A2018 !important;
  caret-color: #4A2018 !important;
}
.v-application .blue--text {
  color: #4A2018 !important;
  caret-color: #4A2018 !important;
}
.v-application .v-btn::before,
.v-application .v-btn:hover::before,
.v-application .v-btn:focus::before,
.v-application .v-btn:active::before {
  opacity: 0 !important;
  background: transparent !important;
}
.v-application .theme--light.v-btn:hover::before,
.v-application .theme--light.v-btn:focus::before,
.v-application .theme--light.v-btn:active::before {
  opacity: 0 !important;
}
.v-application .v-ripple__container {
  display: none !important;
}
.v-application .v-progress-circular:not([class*="red"]):not([class*="green"]):not([class*="blue"]) {
  color: #b37a5c !important;
  color: var(--brand-accent) !important;
}
.v-application .v-skeleton-loader__bone,
.v-application .v-skeleton-loader__avatar,
.v-application .v-skeleton-loader__button,
.v-application .v-skeleton-loader__card,
.v-application .v-skeleton-loader__chip,
.v-application .v-skeleton-loader__divider,
.v-application .v-skeleton-loader__heading,
.v-application .v-skeleton-loader__image,
.v-application .v-skeleton-loader__list-item,
.v-application .v-skeleton-loader__list-item-avatar,
.v-application .v-skeleton-loader__list-item-text,
.v-application .v-skeleton-loader__paragraph,
.v-application .v-skeleton-loader__sentences,
.v-application .v-skeleton-loader__table,
.v-application .v-skeleton-loader__table-heading,
.v-application .v-skeleton-loader__text {
  background: linear-gradient(90deg, rgba(179, 122, 92, 0.08), rgba(179, 122, 92, 0.14), rgba(179, 122, 92, 0.08)) !important;
}

/* WhatsApp Floating Button */
.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
  z-index: 9999;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  animation: whatsapp-entrance 0.6s ease forwards, whatsapp-pulse 2s ease-in-out 1.5s infinite;
}
.whatsapp-float::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #25D366;
  opacity: 0;
  animation: whatsapp-ripple 2.5s ease-in-out infinite;
}
.whatsapp-float::after {
  content: 'Chat with us';
  position: absolute;
  right: 66px;
  background-color: #ffffff;
  color: #333333;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.whatsapp-float:hover::after {
  opacity: 1;
  transform: translateX(0);
}
.whatsapp-float:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.5);
  animation: none;
}
.whatsapp-float:active {
  transform: scale(0.9);
}
@keyframes whatsapp-entrance {
0% {
    opacity: 0;
    transform: scale(0) translateY(30px);
}
60% {
    transform: scale(1.2) translateY(-5px);
}
100% {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
@keyframes whatsapp-pulse {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.08);
}
}
@keyframes whatsapp-ripple {
0% {
    transform: scale(1);
    opacity: 0.4;
}
100% {
    transform: scale(1.8);
    opacity: 0;
}
}
@media (max-width: 600px) {
.whatsapp-float {
    bottom: 80px;
    right: 16px;
    width: 50px;
    height: 50px;
}
.whatsapp-float svg {
    width: 24px;
    height: 24px;
}
.whatsapp-float::after {
    display: none;
}
}

