@charset "UTF-8";
/* line 2, app/assets/stylesheets/custom-style.scss */
.environmental-gains-title {
  font-size: 3.2rem !important;
}

/* line 6, app/assets/stylesheets/custom-style.scss */
.environmental-gains-description {
  font-size: 1.1rem !important;
}

/* line 10, app/assets/stylesheets/custom-style.scss */
.feature-box .feature-box-content {
  align-self: flex-start !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}

/* line 17, app/assets/stylesheets/custom-style.scss */
.feature-box .feature-box-content span {
  font-weight: 600 !important;
  color: #1B3250 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* line 24, app/assets/stylesheets/custom-style.scss */
.feature-box .feature-box-content small {
  font-weight: 600 !important;
  font-style: italic !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

/* line 31, app/assets/stylesheets/custom-style.scss */
.feature-box {
  margin-bottom: 0.02rem !important;
  padding: 2px !important;
  min-height: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}

/* line 40, app/assets/stylesheets/custom-style.scss */
.feature-box .feature-box-icon {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 2px !important;
  flex-shrink: 0 !important;
  width: 45px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
}

/* line 68, app/assets/stylesheets/custom-style.scss */
.lh-normal {
  line-height: 1.5;
  display: block;
}

/* line 73, app/assets/stylesheets/custom-style.scss */
.shop-image {
  height: 240px !important;
  width: 100% !important;
  min-height: 240px !important;
  max-height: 240px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f5f7fa !important;
  overflow: hidden !important;
  position: relative !important;
}

/* line 86, app/assets/stylesheets/custom-style.scss */
.grid-item {
  min-height: 460px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* line 92, app/assets/stylesheets/custom-style.scss */
.shop-box {
  min-height: 460px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* line 100, app/assets/stylesheets/custom-style.scss */
.shop-footer {
  margin-top: 0 !important;
  padding: 0.5rem !important;
  padding-bottom: 2rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
  overflow: hidden !important;
}

/* line 112, app/assets/stylesheets/custom-style.scss */
.shop-footer a.text-dark-gray {
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
  flex-shrink: 0 !important;
  min-height: 1.5rem !important;
}

/* line 119, app/assets/stylesheets/custom-style.scss */
.shop-footer .product-description {
  margin-bottom: 0.15rem !important;
  line-height: 1.4 !important;
  flex-shrink: 0 !important;
  min-height: 2.5rem !important;
}

/* line 126, app/assets/stylesheets/custom-style.scss */
.shop-footer .feature-box {
  margin-bottom: 0.01rem !important;
  flex-shrink: 0 !important;
  min-height: 0.8rem !important;
  max-height: 1.2rem !important;
}

/* line 133, app/assets/stylesheets/custom-style.scss */
.shop-footer .title-price {
  margin-top: auto !important;
  flex-shrink: 0 !important;
  min-height: 1.4rem !important;
  max-height: 1.8rem !important;
  position: absolute !important;
  bottom: 0.3rem !important;
  left: 0.5rem !important;
  right: 0.5rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.15rem 0 !important;
}

/* line 148, app/assets/stylesheets/custom-style.scss */
.shop-footer .exchange-btn-container {
  margin-top: auto !important;
  flex-shrink: 0 !important;
  min-height: 1.5rem !important;
}

/* line 154, app/assets/stylesheets/custom-style.scss */
.shop-footer .title-price .btn-blue {
  padding: 0.5rem 0.7rem !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  min-height: 1.6rem !important;
  max-height: 1.9rem !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 166, app/assets/stylesheets/custom-style.scss */
.shop-footer .title-price .price {
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
}

/* line 171, app/assets/stylesheets/custom-style.scss */
.shop-image img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* line 180, app/assets/stylesheets/custom-style.scss */
.shop-footer {
  margin-top: 0.25rem !important;
  padding: 0.5rem !important;
}

/* line 185, app/assets/stylesheets/custom-style.scss */
.shop-footer .feature-box {
  margin-bottom: 0.15rem !important;
}

/* line 189, app/assets/stylesheets/custom-style.scss */
.shop-footer .product-description {
  margin-bottom: 0.15rem !important;
  line-height: 1.4 !important;
}

/* line 194, app/assets/stylesheets/custom-style.scss */
.shop-footer .title-price {
  margin-top: 0.25rem !important;
}

/* line 198, app/assets/stylesheets/custom-style.scss */
.shop-box {
  padding-bottom: 0.5rem !important;
}

/* line 201, app/assets/stylesheets/custom-style.scss */
header .navbar {
  background: white;
  position: relative;
}

/* line 205, app/assets/stylesheets/custom-style.scss */
.text-smartedi {
  color: #212B35;
}

/* line 208, app/assets/stylesheets/custom-style.scss */
.bg-nav-blue {
  background-color: #71BCDF;
}

/* line 211, app/assets/stylesheets/custom-style.scss */
header .navbar .container {
  display: block;
}

/* line 214, app/assets/stylesheets/custom-style.scss */
header .User-btns {
  gap: 15px;
  font-size: 16px;
}

/* line 218, app/assets/stylesheets/custom-style.scss */
.User-btns a, .logout-btn {
  color: #16202c;
}

/* line 221, app/assets/stylesheets/custom-style.scss */
.logout-btn {
  border: none !important;
}

/* line 224, app/assets/stylesheets/custom-style.scss */
.User-btns a:hover, .logout-btn:hover {
  color: #888e95;
}

/* line 227, app/assets/stylesheets/custom-style.scss */
.User-btns a.user-btn {
  padding: 5px 10px;
  background: #1B3250;
  color: white;
  border-radius: 5px;
}

/* line 233, app/assets/stylesheets/custom-style.scss */
.footer-no-transition a {
  transition: none !important;
}

/* line 236, app/assets/stylesheets/custom-style.scss */
.footer-no-transition a:hover {
  color: inherit;
  /* Keep the original color */
  text-decoration: none;
  /* Optional: no underline on hover */
}

/* line 240, app/assets/stylesheets/custom-style.scss */
.footer-nav {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 15px;
}

/* line 246, app/assets/stylesheets/custom-style.scss */
.hero-banner {
  background-color: #e9fafb;
  position: relative;
}

/* line 250, app/assets/stylesheets/custom-style.scss */
.hero-banner .btn-holder {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* line 255, app/assets/stylesheets/custom-style.scss */
.hero-banner .img-area {
  z-index: 1;
  display: flex;
  align-items: center;
}

/* line 261, app/assets/stylesheets/custom-style.scss */
.hero-banner .text-area {
  align-items: center;
  display: flex;
  position: relative;
  z-index: 1;
}

/* line 267, app/assets/stylesheets/custom-style.scss */
.hero-banner .text-area .text-holder {
  font-size: 25px;
}

/* line 270, app/assets/stylesheets/custom-style.scss */
.search-area {
  background: white;
  padding: 16px;
  width: 100%;
  text-align: left;
}

/* line 275, app/assets/stylesheets/custom-style.scss */
.search-area .ai-badge {
  left: 15px;
}

/* Custom dropdown styling */
/* line 281, app/assets/stylesheets/custom-style.scss */
.position-relative {
  position: relative;
}

/* line 285, app/assets/stylesheets/custom-style.scss */
.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
  padding-right: 2.5rem;
}

/* line 293, app/assets/stylesheets/custom-style.scss */
.dropdown-icon {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
  z-index: 1;
}

/* line 303, app/assets/stylesheets/custom-style.scss */
.dropdown-icon i {
  font-size: 0.875rem;
}

/* line 307, app/assets/stylesheets/custom-style.scss */
.search-area label {
  font-weight: bold;
  margin: 0 0 5px;
}

/* line 311, app/assets/stylesheets/custom-style.scss */
.search-area .input-holder {
  display: flex;
  align-items: center;
}

/* line 315, app/assets/stylesheets/custom-style.scss */
.search-area .input-holder input {
  width: 100%;
  padding: 5px 15px;
  border-radius: 5px 0 0 5px;
}

/* line 320, app/assets/stylesheets/custom-style.scss */
.search-area .input-holder .btn-blue {
  white-space: nowrap;
  border-radius: 250px;
}

/* line 325, app/assets/stylesheets/custom-style.scss */
.feature-box .holder-box {
  width: 100%;
  padding: 15px;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: left;
  min-height: 188px;
}

/* line 335, app/assets/stylesheets/custom-style.scss */
.shop-footer {
  margin-top: auto;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

/* line 341, app/assets/stylesheets/custom-style.scss */
.shop-footer .title-price {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
  margin: 5px 0 0;
}

/* line 348, app/assets/stylesheets/custom-style.scss */
.shop-footer .title-price .btn-blue {
  font-size: 12px;
}

/* line 351, app/assets/stylesheets/custom-style.scss */
.shop-footer .price {
  white-space: nowrap;
}

/* line 354, app/assets/stylesheets/custom-style.scss */
.shop-footer a {
  line-height: 20px;
}

/* line 357, app/assets/stylesheets/custom-style.scss */
.heading-big {
  font-size: 52px !important;
  line-height: 1.1 !important;
  margin: 0 0 10px;
  font-weight: 700;
  color: #1B3250;
}

/* line 364, app/assets/stylesheets/custom-style.scss */
.bg-color-3 {
  background-color: var(--color3);
}

/* line 367, app/assets/stylesheets/custom-style.scss */
.text-color-8 {
  color: #736bb5;
}

/* line 370, app/assets/stylesheets/custom-style.scss */
.bg-color-8 {
  background: #736bb5 !important;
}

/* line 373, app/assets/stylesheets/custom-style.scss */
.text-color-3 {
  color: var(--color3);
}

/* line 376, app/assets/stylesheets/custom-style.scss */
.text-color-2 {
  color: var(--color2);
}

/* line 379, app/assets/stylesheets/custom-style.scss */
.text-color-6 {
  color: var(--color6);
}

/* line 382, app/assets/stylesheets/custom-style.scss */
.bg-color-3:hover {
  background-color: var(--color3);
}

/* line 385, app/assets/stylesheets/custom-style.scss */
.footer-top {
  background: url(/assets/demo-decor-store-title-bg-d3e35d94b2803d17bf272b437f2508b30353c16b48490a3b07d04c46f35ca787.jpg);
  font-size: 25px;
}

/* line 389, app/assets/stylesheets/custom-style.scss */
.site-sidebar {
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.08);
  padding: 15px;
  min-height: 100%;
}

/* line 394, app/assets/stylesheets/custom-style.scss */
.product-filter {
  padding: 0;
}

/* line 397, app/assets/stylesheets/custom-style.scss */
.product-filter label {
  position: relative;
  overflow: hidden;
  padding: 0 0 0 25px;
  display: block;
  margin: 0 0 2px;
}

/* line 404, app/assets/stylesheets/custom-style.scss */
.product-filter label input {
  position: fixed;
  left: -9999px;
  top: -9999px;
}

/* line 409, app/assets/stylesheets/custom-style.scss */
.product-filter label .fakecheckbox {
  width: 16px;
  height: 16px;
  border: 1px solid #888e95;
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 8px;
}

/* line 419, app/assets/stylesheets/custom-style.scss */
.product-filter label .fakecheckbox i {
  display: none;
  text-align: center;
  line-height: 14px;
}

/* line 424, app/assets/stylesheets/custom-style.scss */
.product-filter label input:checked + .fakecheckbox i {
  display: block;
}

/* line 427, app/assets/stylesheets/custom-style.scss */
input.price {
  padding: 0 5px;
}

/* line 430, app/assets/stylesheets/custom-style.scss */
.price-row {
  margin: 0 -5px;
}

/* line 433, app/assets/stylesheets/custom-style.scss */
.price-row .col-5, .price-row .col-2 {
  padding: 0 5px;
}

/* line 436, app/assets/stylesheets/custom-style.scss */
.sort-div {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* line 441, app/assets/stylesheets/custom-style.scss */
.sort-div select {
  padding: 0px 30px 0 10px;
}

/* line 444, app/assets/stylesheets/custom-style.scss */
.sort-div label {
  white-space: nowrap;
}

/* line 447, app/assets/stylesheets/custom-style.scss */
.prod-search {
  margin: 0 0 15px;
}

/* line 450, app/assets/stylesheets/custom-style.scss */
.prod-search .input-holder {
  display: flex;
  align-items: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
}

/* line 455, app/assets/stylesheets/custom-style.scss */
.prod-search .input-holder input {
  width: 100%;
  padding: 5px 15px;
  border-radius: 5px 0 0 5px;
}

/* line 460, app/assets/stylesheets/custom-style.scss */
.prod-search .input-holder .btn-blue {
  white-space: nowrap;
  border-radius: 0;
  border-radius: 0 5px 5px 0;
}

/* line 465, app/assets/stylesheets/custom-style.scss */
.row-seller {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* line 470, app/assets/stylesheets/custom-style.scss */
.row-seller img {
  width: 48px;
  height: 48px;
  max-height: 48px;
  min-width: 48px;
  border-radius: 50%;
}

/* line 477, app/assets/stylesheets/custom-style.scss */
.row-seller .verified i {
  color: #1B3250;
}

/* line 480, app/assets/stylesheets/custom-style.scss */
.progress-area {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 485, app/assets/stylesheets/custom-style.scss */
.mh-100 {
  min-height: 100%;
}

/* line 488, app/assets/stylesheets/custom-style.scss */
.footer-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: row;
  gap: 20px;
}

/* line 495, app/assets/stylesheets/custom-style.scss */
a.btn-blue, a.btn-outline, button.btn-blue, button.btn-outline {
  padding: 5px 10px;
  background: var(--color3);
  color: white;
  border-radius: 250px;
  font-size: 18px;
  display: block;
  text-align: center;
  border: 1px solid transparent;
}

/* line 505, app/assets/stylesheets/custom-style.scss */
a.btn-blue:hover, a.btn-outline:hover, button.btn-blue:hover, button.btn-outline:hover {
  opacity: .8;
}

/* line 508, app/assets/stylesheets/custom-style.scss */
a.btn-outline {
  border-color: #1B3250;
  background: transparent;
  color: #1B3250;
}

@media screen and (max-width: 1400px) {
  /* line 514, app/assets/stylesheets/custom-style.scss */
  .heading-big {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 1200px) {
  /* line 519, app/assets/stylesheets/custom-style.scss */
  .footer-buttons {
    justify-content: center;
    flex-direction: column;
    align-items: normal;
  }
}

@media screen and (max-width: 992px) {
  /* line 526, app/assets/stylesheets/custom-style.scss */
  .hero-banner .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 530, app/assets/stylesheets/custom-style.scss */
  .hero-banner .text-area .text-holder {
    padding: 0;
  }
  /* line 533, app/assets/stylesheets/custom-style.scss */
  .hero-banner .text-area .text-holder {
    font-size: 18px;
    padding: 0 0 30px;
  }
  /* line 537, app/assets/stylesheets/custom-style.scss */
  .footer-top {
    font-size: 18px;
  }
  /* line 540, app/assets/stylesheets/custom-style.scss */
  .heading-big {
    font-size: 30px !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 545, app/assets/stylesheets/custom-style.scss */
  .footer-nav {
    justify-content: flex-start;
  }
  /* line 548, app/assets/stylesheets/custom-style.scss */
  header .User-btns {
    gap: 10px;
    font-size: 14px;
  }
  /* line 552, app/assets/stylesheets/custom-style.scss */
  .User-btns a.user-btn {
    padding: 0px 7px;
  }
}

/* line 556, app/assets/stylesheets/custom-style.scss */
.product-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 40px;
}

/* line 566, app/assets/stylesheets/custom-style.scss */
.btn-no-hover:hover {
  background-color: var(--color3);
  color: #ffffff;
}

/* line 570, app/assets/stylesheets/custom-style.scss */
.secbtn-no-hover:hover {
  background-color: #6c757d;
  color: #ffffff;
}

/* line 574, app/assets/stylesheets/custom-style.scss */
.required::after {
  content: " *";
}

/* line 577, app/assets/stylesheets/custom-style.scss */
.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 583, app/assets/stylesheets/custom-style.scss */
.no-spinner {
  -moz-appearance: textfield;
}

/* line 587, app/assets/stylesheets/custom-style.scss */
.text-nav-blue {
  color: #71BCDF;
}

/* Chat-style unread count badge */
/* line 591, app/assets/stylesheets/custom-style.scss */
.chat-unread-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  min-width: 18px;
  padding: 0 4px;
  border-radius: 9999px;
  background-color: #dc3545;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* line 611, app/assets/stylesheets/custom-style.scss */
.chat-unread-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Chat icon-style count bubble */
/* line 618, app/assets/stylesheets/custom-style.scss */
.chat-count-bubble {
  position: absolute;
  top: -10px;
  right: -12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  min-width: 24px;
  padding: 0 6px;
  border-radius: 10px;
  background-color: #dc3545;
  /* red */
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  border: 2px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* line 638, app/assets/stylesheets/custom-style.scss */
.chat-count-bubble::after {
  content: '';
  position: absolute;
  bottom: -4px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 0 solid transparent;
  border-top: 6px solid #dc3545;
  /* tail color */
}

/* keep white border on tail */
/* line 651, app/assets/stylesheets/custom-style.scss */
.chat-count-bubble::before {
  content: '';
  position: absolute;
  bottom: -6px;
  right: 7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 0 solid transparent;
  border-top: 7px solid #fff;
  /* tail border */
}

/* line 662, app/assets/stylesheets/custom-style.scss */
.custom-marker {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* line 669, app/assets/stylesheets/custom-style.scss */
.marker-pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #0d6efd;
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
  top: 0;
  margin: -15px 0 0 -15px;
}

/* line 681, app/assets/stylesheets/custom-style.scss */
.marker-icon {
  font-size: 18px;
  color: #000;
}

/* line 686, app/assets/stylesheets/custom-style.scss */
.custom-marker.highlighted .marker-pin {
  background: #dc3545;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
}

/* line 693, app/assets/stylesheets/custom-style.scss */
.custom-marker.highlighted .marker-icon {
  font-size: 14px;
}

/* line 697, app/assets/stylesheets/custom-style.scss */
.map-popup {
  min-width: 200px;
}

/* line 701, app/assets/stylesheets/custom-style.scss */
.map-popup h6 {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

/* line 706, app/assets/stylesheets/custom-style.scss */
.leaflet-popup-content-wrapper {
  border-radius: 6px;
}

/* line 710, app/assets/stylesheets/custom-style.scss */
.leaflet-popup-content {
  margin: 12px;
  width: 100% !important;
}

/* line 714, app/assets/stylesheets/custom-style.scss */
.no-hover:hover {
  background-color: white !important;
  color: #71BCDF !important;
  text-decoration: none !important;
  border: none;
}

/* line 721, app/assets/stylesheets/custom-style.scss */
.marker-tooltip {
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 3px 6px;
  position: absolute;
  bottom: 100%;
  transform: translateY(-5px);
  white-space: nowrap;
  font-size: 11px;
  z-index: 999;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* line 735, app/assets/stylesheets/custom-style.scss */
.cookies-check-box {
  padding: 10px;
  margin-right: 10px;
}

/* line 740, app/assets/stylesheets/custom-style.scss */
.sidebar {
  position: fixed;
  top: 0;
  left: -350px;
  width: 350px;
  height: 100%;
  background-color: #f8f9fa;
  border-right: 1px solid #ccc;
  z-index: 1050;
  transition: left 0.3s ease;
  overflow-y: auto;
}

/* line 753, app/assets/stylesheets/custom-style.scss */
.sidebar.open {
  left: 0;
}

/* line 757, app/assets/stylesheets/custom-style.scss */
#map {
  transition: margin-left 0.3s ease;
}

/* Payment Page Styling */
/* line 761, app/assets/stylesheets/custom-style.scss */
.payment-container {
  max-width: 800px;
  margin: 2rem auto;
}

/* line 766, app/assets/stylesheets/custom-style.scss */
.payment-card {
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* line 772, app/assets/stylesheets/custom-style.scss */
.payment-card-header {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  padding: 1.5rem;
}

/* line 777, app/assets/stylesheets/custom-style.scss */
.payment-card-body {
  padding: 2rem;
}

/* line 781, app/assets/stylesheets/custom-style.scss */
.payment-loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

/* line 789, app/assets/stylesheets/custom-style.scss */
.payment-loading-spinner .spinner-border {
  width: 3rem;
  height: 3rem;
  border-width: 0.25rem;
}

/* line 795, app/assets/stylesheets/custom-style.scss */
.payment-amount-input .input-group-text {
  background-color: #f8f9fa;
  font-weight: 500;
}

/* line 800, app/assets/stylesheets/custom-style.scss */
.StripeElement {
  display: contents;
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background-color: white;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* line 811, app/assets/stylesheets/custom-style.scss */
.StripeElement--focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 817, app/assets/stylesheets/custom-style.scss */
.StripeElement--invalid {
  border-color: #dc3545;
}

/* line 821, app/assets/stylesheets/custom-style.scss */
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/* line 825, app/assets/stylesheets/custom-style.scss */
.stripe-payment-method-icon {
  width: 40px;
  height: 26px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 12px;
  vertical-align: middle;
}

/* Submit Button */
/* line 837, app/assets/stylesheets/custom-style.scss */
.payment-submit-btn {
  padding: 0.75rem;
  font-size: 1.1rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

/* line 844, app/assets/stylesheets/custom-style.scss */
.payment-submit-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  /* line 851, app/assets/stylesheets/custom-style.scss */
  .payment-card-body {
    padding: 1.5rem;
  }
  /* line 855, app/assets/stylesheets/custom-style.scss */
  .payment-card-header h4 {
    font-size: 1.25rem;
  }
}

/* line 860, app/assets/stylesheets/custom-style.scss */
.payment-success-icon {
  font-size: 3.5rem;
  color: #28a745;
  margin-bottom: 1rem;
  animation: paymentSuccess 0.6s ease;
}

@keyframes paymentSuccess {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 873, app/assets/stylesheets/custom-style.scss */
.success-checkmark .check-icon {
  animation: scaleIn 0.3s ease-in-out;
}

@keyframes scaleIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Hover effects for buttons */
/* line 884, app/assets/stylesheets/custom-style.scss */
.btn-outline-gray-300:hover {
  background-color: #f8f9fa;
}

/* Modal content shadow */
/* line 889, app/assets/stylesheets/custom-style.scss */
.modal-content {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 892, app/assets/stylesheets/custom-style.scss */
.exchange-btn {
  display: inline-flex;
  margin-top: 10px;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: 2px solid #1B3250;
  border-radius: 4px;
  color: #1B3250;
  background-color: transparent;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  height: 36px;
}

/* line 908, app/assets/stylesheets/custom-style.scss */
.exchange-btn:hover {
  background-color: #1B3250;
  color: white;
  text-decoration: none;
}

/* line 914, app/assets/stylesheets/custom-style.scss */
.exchange-btn-container {
  display: flex;
  justify-content: center;
  height: 100%;
}

/* line 920, app/assets/stylesheets/custom-style.scss */
#search-results {
  position: absolute;
  z-index: 1000;
  max-width: 48%;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}

/* line 929, app/assets/stylesheets/custom-style.scss */
.list-group-item {
  cursor: pointer;
}

/* line 933, app/assets/stylesheets/custom-style.scss */
.list-group-item:hover {
  background-color: #f8f9fa;
}

/* line 937, app/assets/stylesheets/custom-style.scss */
.autocomplete-dropdown {
  position: absolute;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background-color: white;
  width: 357px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
}

/* line 950, app/assets/stylesheets/custom-style.scss */
.autocomplete-item {
  padding: 8px 12px;
  cursor: pointer;
}

/* line 955, app/assets/stylesheets/custom-style.scss */
.autocomplete-item:hover {
  background-color: #f5f5f5;
}

/* line 959, app/assets/stylesheets/custom-style.scss */
.field {
  position: relative;
}

/* line 965, app/assets/stylesheets/custom-style.scss */
.about-us .hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80");
  background-size: cover;
  background-position: center;
  color: white;
  padding: 100px 0;
  margin-bottom: 50px;
}

/* line 974, app/assets/stylesheets/custom-style.scss */
.about-us .feature-icon {
  font-size: 2.5rem;
  color: var(--color3);
  margin-bottom: 1rem;
}

/* line 980, app/assets/stylesheets/custom-style.scss */
.about-us .icon-custom-color {
  color: var(--color3);
}

/* line 984, app/assets/stylesheets/custom-style.scss */
.about-us .mission-card {
  border-left: 5px solid var(--color3);
  transition: transform 0.3s;
}

/* line 993, app/assets/stylesheets/custom-style.scss */
.about-us .card-header.bg-header {
  background-color: #343a40;
  color: white;
}

/* line 998, app/assets/stylesheets/custom-style.scss */
.about-us .btn-color {
  background-color: var(--color3);
  color: white;
}

/* line 1003, app/assets/stylesheets/custom-style.scss */
.about-us .bg-color {
  background-color: var(--color3);
}

/* line 1007, app/assets/stylesheets/custom-style.scss */
.about-us .btn-pill {
  border-radius: 250px;
  /* full pill shape */
}

/* line 1010, app/assets/stylesheets/custom-style.scss */
.about-us .value-card {
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s;
  border: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 1018, app/assets/stylesheets/custom-style.scss */
.about-us .value-card:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* line 1022, app/assets/stylesheets/custom-style.scss */
.about-us .value-card .card-header {
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--color3);
  color: white;
  font-weight: bold;
}

/* line 1030, app/assets/stylesheets/custom-style.scss */
.about-us .card-body {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 1035, app/assets/stylesheets/custom-style.scss */
.about-us .brand-color {
  color: var(--color3);
}

/* line 1039, app/assets/stylesheets/custom-style.scss */
.about-us .btn-primary {
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
}

/* line 1044, app/assets/stylesheets/custom-style.scss */
.about-us .btn-outline-primary {
  color: var(--dark-gray);
  border-color: var(--dark-gray);
}

/* line 1049, app/assets/stylesheets/custom-style.scss */
.about-us .btn-outline-primary:hover {
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
}

/* line 1055, app/assets/stylesheets/custom-style.scss */
.terms-header {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color3) 50%, var(--color5) 100%);
  color: white;
  padding: 80px 0 60px;
  margin-bottom: 40px;
}

/* line 1062, app/assets/stylesheets/custom-style.scss */
.terms-container {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  padding: 40px;
  margin-bottom: 40px;
}

/* line 1070, app/assets/stylesheets/custom-style.scss */
.highlight {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
  margin: 15px 0;
}

/* line 1077, app/assets/stylesheets/custom-style.scss */
.nav-pills .nav-link.active {
  background-color: var(--dark-gray);
}

/* line 1081, app/assets/stylesheets/custom-style.scss */
.nav-pills .nav-link {
  color: var(--secondary-color);
}

/* line 1085, app/assets/stylesheets/custom-style.scss */
.legal-notice {
  font-size: 0.9rem;
  color: #666;
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-top: 30px;
}

/* line 1093, app/assets/stylesheets/custom-style.scss */
.privacy-header {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color3) 50%, var(--color5) 100%);
  color: white;
  padding: 80px 0 60px;
  margin-bottom: 40px;
}

/* line 1100, app/assets/stylesheets/custom-style.scss */
.privacy-container {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  padding: 40px;
  margin-bottom: 40px;
}

/* line 1116, app/assets/stylesheets/custom-style.scss */
.highlight-box {
  background-color: #f8f9fa;
  border-left: 4px solid var(--color3);
  padding: 20px;
  margin: 20px 0;
}

/* line 1123, app/assets/stylesheets/custom-style.scss */
.rights-card {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
  transition: all 0.3s;
}

/* line 1136, app/assets/stylesheets/custom-style.scss */
.rights-card i {
  color: var(--color3);
  font-size: 1.5rem;
  margin-bottom: 10px;
}

/* line 1142, app/assets/stylesheets/custom-style.scss */
.nav-pills .nav-link.active {
  background-color: var(--dark-gray);
}

/* line 1146, app/assets/stylesheets/custom-style.scss */
.nav-pills .nav-link {
  color: var(--secondary-color);
}

/* line 1150, app/assets/stylesheets/custom-style.scss */
.legal-notice {
  font-size: 0.9rem;
  color: #666;
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-top: 30px;
}

/* line 1158, app/assets/stylesheets/custom-style.scss */
.storage-header {
  background-color: var(--dark-gray);
  color: white;
  padding: 80px 0 60px;
  margin-bottom: 40px;
}

/* line 1165, app/assets/stylesheets/custom-style.scss */
.storage-container {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  padding: 40px;
  margin-bottom: 40px;
}

/* line 1173, app/assets/stylesheets/custom-style.scss */
.section-title {
  color: var(--color3);
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* line 1181, app/assets/stylesheets/custom-style.scss */
.security-feature {
  border-left: 4px solid var(--color3);
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f8f9fa;
}

/* line 1188, app/assets/stylesheets/custom-style.scss */
.data-type-card {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s;
}

/* line 1196, app/assets/stylesheets/custom-style.scss */
.data-type-card:hover {
  border-color: var(--dark-gray);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* line 1201, app/assets/stylesheets/custom-style.scss */
.data-type-card i {
  color: var(--color3);
  font-size: 1.5rem;
  margin-bottom: 15px;
}

/* line 1207, app/assets/stylesheets/custom-style.scss */
footer {
  background-color: var(--secondary-color);
  color: white;
  padding: 30px 0;
}

/* line 1213, app/assets/stylesheets/custom-style.scss */
.nav-pills .nav-link.active {
  background-color: var(--color3);
}

/* line 1217, app/assets/stylesheets/custom-style.scss */
.nav-pills .nav-link {
  color: var(--secondary-color);
}

/* line 1221, app/assets/stylesheets/custom-style.scss */
.legal-notice {
  font-size: 0.9rem;
  color: #666;
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-top: 30px;
}

/* line 1229, app/assets/stylesheets/custom-style.scss */
.exchange-terms section, .mart-terms section, .privacy-policy section, .data-policy section, .policy-content section {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 1235, app/assets/stylesheets/custom-style.scss */
#terms-conditions-modal .modal-content {
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* line 1240, app/assets/stylesheets/custom-style.scss */
#terms-conditions-modal .modal-header {
  border-bottom: none;
  padding: 1.5rem;
}

/* line 1245, app/assets/stylesheets/custom-style.scss */
#terms-conditions-modal .modal-body {
  padding: 2rem;
  max-height: 70vh;
  overflow-y: auto;
}

/* line 1251, app/assets/stylesheets/custom-style.scss */
#terms-conditions-modal .modal-footer {
  border-top: none;
  padding: 1.5rem;
}

/* line 1256, app/assets/stylesheets/custom-style.scss */
#terms-conditions-modal .list-group-item {
  padding-left: 0;
  padding-right: 0;
}

/* line 1261, app/assets/stylesheets/custom-style.scss */
#terms-conditions-modal .form-check-input {
  width: 3em;
  height: 1.5em;
}

/* line 1266, app/assets/stylesheets/custom-style.scss */
#terms-conditions-modal .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 1271, app/assets/stylesheets/custom-style.scss */
.policy-content {
  line-height: 1.6;
  color: var(--dark-gray);
  margin: 0;
  padding: 0;
}

/* line 1276, app/assets/stylesheets/custom-style.scss */
.policy-content h1 {
  margin: 0;
  font-size: 2.5rem;
}

/* line 1281, app/assets/stylesheets/custom-style.scss */
.policy-content .color-heading-cookie h2 {
  color: var(--color3);
}

/* line 1287, app/assets/stylesheets/custom-style.scss */
.policy-content .cookie-type {
  margin-bottom: 30px;
  padding-left: 15px;
  border-left: 3px solid #71BCDF;
}

/* line 1291, app/assets/stylesheets/custom-style.scss */
.policy-content .cookie-type h3 {
  color: var(--color3);
}

/* line 1297, app/assets/stylesheets/custom-style.scss */
.exchange-banner {
  background: linear-gradient(135deg, #71BCDF 0%, #808EC2 100%) !important;
  border-left: 5px solid #17a2b8;
  position: relative;
}

/* line 1303, app/assets/stylesheets/custom-style.scss */
.benefit-badge {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* line 1307, app/assets/stylesheets/custom-style.scss */
.exchange-banner i {
  font-size: 1.2em;
  width: 24px;
  text-align: center;
}

/* line 1313, app/assets/stylesheets/custom-style.scss */
#loading-indicator {
  display: none;
  text-align: center;
  padding: 10px;
}

/* line 1318, app/assets/stylesheets/custom-style.scss */
.home-page {
  color: var(--dark-gray);
}

/* line 1321, app/assets/stylesheets/custom-style.scss */
.home-page .bg-light.text-smartedi {
  background-color: #f8f9fa !important;
}

/* line 1324, app/assets/stylesheets/custom-style.scss */
.home-page .btn-business {
  background-color: #55bee3;
  border-color: #55bee3;
  color: white;
  padding: 12px 25px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s;
}

/* line 1334, app/assets/stylesheets/custom-style.scss */
.home-page .btn-charity {
  background-color: #6da1d1;
  border-color: #6da1d1;
  color: white;
  padding: 12px 25px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s;
}

/* line 1344, app/assets/stylesheets/custom-style.scss */
.home-page .btn-container {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 25px;
}

@media (max-width: 576px) {
  /* line 1351, app/assets/stylesheets/custom-style.scss */
  .home-page .btn-container {
    flex-direction: column;
  }
  /* line 1354, app/assets/stylesheets/custom-style.scss */
  .home-page .btn-business, .home-page .btn-charity {
    width: 100%;
  }
}

/* line 1359, app/assets/stylesheets/custom-style.scss */
.home-page .bg-gradient-primary {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color3) 50%, var(--color5) 100%);
}

/* line 1363, app/assets/stylesheets/custom-style.scss */
.home-page .btn-primary {
  background-color: var(--color3);
  border-color: var(--color3);
}

/* line 1368, app/assets/stylesheets/custom-style.scss */
.home-page .btn-primary:hover {
  background-color: var(--color4);
  border-color: var(--color4);
}

/* line 1373, app/assets/stylesheets/custom-style.scss */
.home-page .text-accent {
  color: var(--color3);
}

/* line 1377, app/assets/stylesheets/custom-style.scss */
.home-page .hero-section {
  padding: 7rem 0;
}

/* line 1381, app/assets/stylesheets/custom-style.scss */
.home-page .feature-box {
  border-radius: 10px;
  transition: transform 0.3s;
  height: 100%;
}

/* line 1387, app/assets/stylesheets/custom-style.scss */
.home-page .feature-box:hover {
  transform: translateY(-5px);
}

/* line 1391, app/assets/stylesheets/custom-style.scss */
.home-page .step-number {
  width: 50px;
  height: 50px;
  background-color: var(--color2);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 auto 15px;
  font-size: 25px;
}

/* line 1405, app/assets/stylesheets/custom-style.scss */
.home-page .timeline {
  position: relative;
  padding-left: 3rem;
}

/* line 1410, app/assets/stylesheets/custom-style.scss */
.home-page .timeline:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  height: 100%;
  width: 3px;
  background: var(--color1);
}

/* line 1420, app/assets/stylesheets/custom-style.scss */
.home-page .timeline-item {
  position: relative;
  margin-bottom: 2.5rem;
}

/* line 1425, app/assets/stylesheets/custom-style.scss */
.home-page .timeline-item:before {
  content: '';
  position: absolute;
  left: -3rem;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color3);
  border: 4px solid var(--color1);
}

/* line 1437, app/assets/stylesheets/custom-style.scss */
.home-page .countdown-box {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  color: #212B35;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* line 1445, app/assets/stylesheets/custom-style.scss */
.home-page .countdown-number {
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--color4);
}

/* line 1450, app/assets/stylesheets/custom-style.scss */
.home-page .feature-box {
  border-radius: 12px;
  transition: transform 0.3s ease;
  background: white;
}

/* line 1455, app/assets/stylesheets/custom-style.scss */
.home-page .feature-box:hover {
  transform: translateY(-5px);
}

/* line 1458, app/assets/stylesheets/custom-style.scss */
.home-page .nav-pills .nav-link {
  color: #2c3e50;
  padding: 12px 24px;
  border-radius: 30px;
  border: 2px solid #6da1d1;
  width: 200px;
}

/* line 1465, app/assets/stylesheets/custom-style.scss */
.home-page .nav-pills .nav-link.active {
  background-color: #6da1d1;
  color: white;
}

/* line 1471, app/assets/stylesheets/custom-style.scss */
.benefit-card {
  border-radius: 12px;
  transition: transform 0.3s ease;
  background: white;
}

/* line 1476, app/assets/stylesheets/custom-style.scss */
.benefit-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

/* line 1480, app/assets/stylesheets/custom-style.scss */
.benefit-points .d-flex {
  padding: 15px;
  border-radius: 8px;
  background-color: rgba(24, 188, 156, 0.05);
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

/* line 1487, app/assets/stylesheets/custom-style.scss */
.benefit-points .d-flex:hover {
  background-color: rgba(24, 188, 156, 0.1);
  transform: translateX(5px);
}

/* line 1491, app/assets/stylesheets/custom-style.scss */
.bg-light-custom {
  background-color: var(--light-bg);
}

/* line 1495, app/assets/stylesheets/custom-style.scss */
.timeline {
  position: relative;
  padding-left: 3rem;
}

/* line 1500, app/assets/stylesheets/custom-style.scss */
.timeline:before {
  content: '';
  position: absolute;
  left: 35px;
  top: 0;
  height: 100%;
  width: 4px;
  background: var(--color3);
  border-radius: 10px;
}

/* line 1511, app/assets/stylesheets/custom-style.scss */
.timeline-item {
  position: relative;
  margin-bottom: 3rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

/* line 1521, app/assets/stylesheets/custom-style.scss */
.timeline-item:hover {
  transform: translateY(-5px);
}

/* line 1525, app/assets/stylesheets/custom-style.scss */
.timeline-item:before {
  content: '';
  position: absolute;
  left: -3.4rem;
  top: 2.5rem;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--color3);
  border: 5px solid white;
  box-shadow: 0 0 0 3px var(--color3);
}

/* line 1538, app/assets/stylesheets/custom-style.scss */
.timeline-icon {
  position: absolute;
  left: -4.5rem;
  top: 2rem;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--color3);
  color: var(--color3);
  font-size: 1.5rem;
}

/* line 1554, app/assets/stylesheets/custom-style.scss */
.step-number {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 3rem;
  font-weight: 800;
  color: rgba(24, 188, 156, 0.1);
  line-height: 1;
}

/* line 1564, app/assets/stylesheets/custom-style.scss */
.note-box {
  background: white;
  border-left: 4px solid var(--color3);
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
  /* line 1572, app/assets/stylesheets/custom-style.scss */
  .timeline {
    padding-left: 2rem;
  }
  /* line 1576, app/assets/stylesheets/custom-style.scss */
  .timeline:before {
    left: 20px;
  }
  /* line 1580, app/assets/stylesheets/custom-style.scss */
  .timeline-item:before {
    left: -2.4rem;
  }
  /* line 1584, app/assets/stylesheets/custom-style.scss */
  .timeline-icon {
    left: -3.2rem;
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
  }
  /* line 1591, app/assets/stylesheets/custom-style.scss */
  .step-number {
    font-size: 2rem;
    top: 15px;
    right: 15px;
  }
}

/* line 1598, app/assets/stylesheets/custom-style.scss */
#organization-signup {
  background: white;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

/* line 1605, app/assets/stylesheets/custom-style.scss */
.form-header {
  background: linear-gradient(90deg, var(--color1) 0%, var(--color3) 50%, var(--color1) 100%);
  color: white;
  padding: 25px;
  text-align: center;
  margin: -24px -24px 30px -24px;
  border-radius: 15px 15px 0 0;
}

/* line 1614, app/assets/stylesheets/custom-style.scss */
.form-label {
  font-weight: 600;
  color: var(--primary);
  margin-bottom: 8px;
}

/* line 1620, app/assets/stylesheets/custom-style.scss */
.form-label.required:after {
  content: " *";
  color: #dc3545;
}

/* line 1625, app/assets/stylesheets/custom-style.scss */
.form-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 12px 15px;
  transition: all 0.3s;
}

/* line 1632, app/assets/stylesheets/custom-style.scss */
.form-control:focus {
  border-color: var(--color3);
  box-shadow: 0 0 0 0.25rem rgba(109, 161, 209, 0.25);
}

/* line 1637, app/assets/stylesheets/custom-style.scss */
.form-check-input:checked {
  background-color: var(--color4);
  border-color: var(--color4);
}

/* line 1642, app/assets/stylesheets/custom-style.scss */
.sectors-container {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 15px;
  max-height: 200px;
  overflow-y: auto;
}

/* line 1650, app/assets/stylesheets/custom-style.scss */
.sector-checkbox {
  transform: scale(1.2);
  margin-right: 10px;
}

/* line 1655, app/assets/stylesheets/custom-style.scss */
.btn-submit {
  background: linear-gradient(90deg, var(--color1) 0%, var(--color2) 100%);
  border: none;
  color: white;
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 50px;
  transition: all 0.3s;
  box-shadow: 0 4px 15px rgba(132, 132, 191, 0.4);
}

/* line 1666, app/assets/stylesheets/custom-style.scss */
.btn-submit:hover {
  background: linear-gradient(90deg, var(--color1) 0%, var(--color2) 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(132, 132, 191, 0.6);
  color: white;
}

/* line 1673, app/assets/stylesheets/custom-style.scss */
.section-divider {
  border-top: 2px dashed var(--color2);
  margin: 25px 0;
  position: relative;
}

/* line 1679, app/assets/stylesheets/custom-style.scss */
.section-divider:before {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  padding: 0 10px;
  color: var(--color4);
}

/* line 1692, app/assets/stylesheets/custom-style.scss */
.alert-danger {
  background: linear-gradient(90deg, rgba(220, 53, 69, 0.1) 0%, rgba(220, 53, 69, 0.05) 100%);
  border: 1px solid rgba(220, 53, 69, 0.2);
  border-radius: 8px;
  color: #721c24;
}

/* line 1699, app/assets/stylesheets/custom-style.scss */
.form-section-title {
  color: var(--color3);
  font-weight: 700;
  border-bottom: 2px solid var(--color2);
  padding-bottom: 8px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  /* line 1708, app/assets/stylesheets/custom-style.scss */
  .form-header h1 {
    font-size: 1.8rem;
  }
  /* line 1712, app/assets/stylesheets/custom-style.scss */
  .btn-submit {
    width: 100%;
  }
}

/* ——— Group layout ——— */
/* line 1718, app/assets/stylesheets/custom-style.scss */
.market-chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  margin: 0 0 18px 0;
  list-style: none;
  align-items: center;
}

/* ——— Base pill ——— */
/* line 1729, app/assets/stylesheets/custom-style.scss */
.market-chip {
  --chip-bg: var(--chip-active-bg);
  /* use your custom variable */
  --chip-text: var(--chip-active-text);
  /* white text (adjust if needed) */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 250px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  background: var(--chip-bg);
  color: var(--chip-text);
  border: 1px solid var(--chip-border);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .02s ease, box-shadow .2s ease;
  cursor: pointer;
}

/* line 1750, app/assets/stylesheets/custom-style.scss */
.market-chip:hover {
  background: var(--color3);
  --chip-text: var(--chip-active-text);
  border-color: transparent;
  color: #ffffff;
  transform: translateY(-1px);
}

/* line 1758, app/assets/stylesheets/custom-style.scss */
.market-chip:active {
  transform: translateY(0);
}

/* line 1762, app/assets/stylesheets/custom-style.scss */
.market-chip:focus-visible {
  outline: 3px solid #93c5fd;
  outline-offset: 2px;
}

/* line 1768, app/assets/stylesheets/custom-style.scss */
.market-chip.is-active {
  background: var(--color3);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.15);
}

/* line 1775, app/assets/stylesheets/custom-style.scss */
.market-chip.is-disabled {
  opacity: .5;
  background: #f2f4f7;
  color: #667085;
  border-color: #e4e7ec;
}

/* Storefront specific styling */
/* line 1783, app/assets/stylesheets/custom-style.scss */
.market-types-container .market-chip {
  background: white;
  color: #82a1c9;
  border: none;
}

/* line 1789, app/assets/stylesheets/custom-style.scss */
.market-types-container .market-chip:hover {
  background: white;
  color: #7ca4b7;
  border-color: 2px solid #e0e0e0;
  transform: translateY(-2px);
}

/* line 1796, app/assets/stylesheets/custom-style.scss */
.market-types-container .market-chip.is-active {
  background: white;
  box-shadow: 0 4px 12px rgba(27, 50, 80, 0.2);
}

/* Increase font size for market type chips only in the hero header */
/* line 1802, app/assets/stylesheets/custom-style.scss */
.hero-banner .market-types-container .market-chip {
  font-size: 18px;
}

/* Inline filters row on products index: keep on one line and enlarge */
/* line 1807, app/assets/stylesheets/custom-style.scss */
.market-types-inline-filters {
  gap: 16px;
}

/* line 1810, app/assets/stylesheets/custom-style.scss */
.market-types-inline-filters {
  position: relative;
}

/* line 1811, app/assets/stylesheets/custom-style.scss */
.filters-dropdown {
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  width: 100%;
  z-index: 1030;
  /* above content */
}

/* line 1818, app/assets/stylesheets/custom-style.scss */
.market-types-inline-filters .market-chip {
  font-size: 18px;
}

/* line 1821, app/assets/stylesheets/custom-style.scss */
.market-types-inline-filters .btn,
.market-types-inline-filters a,
.market-types-inline-filters button {
  font-size: 21px;
}

@media (max-width: 640px) {
  /* line 1828, app/assets/stylesheets/custom-style.scss */
  .market-chip {
    padding: 7px 12px;
    font-size: 13px;
  }
  /* line 1829, app/assets/stylesheets/custom-style.scss */
  .market-chip-group {
    gap: 8px;
  }
}

/* line 1832, app/assets/stylesheets/custom-style.scss */
.fs-25 {
  font-size: 22px !important;
}

/* line 1836, app/assets/stylesheets/custom-style.scss */
.rounded-250 {
  border-radius: 20rem !important;
}

/* line 1840, app/assets/stylesheets/custom-style.scss */
.additional-filters-panel {
  background-color: white;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* line 1849, app/assets/stylesheets/custom-style.scss */
.filter-group {
  margin-bottom: 20px;
}

/* line 1853, app/assets/stylesheets/custom-style.scss */
.filter-group h5 {
  font-size: 16px;
  margin-bottom: 12px;
  color: var(--dark-gray);
  border-bottom: 1px solid var(--medium-gray);
  padding-bottom: 8px;
}

/* line 1861, app/assets/stylesheets/custom-style.scss */
.filter-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 1867, app/assets/stylesheets/custom-style.scss */
.filter-checkbox {
  display: flex;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 8px;
}

/* line 1874, app/assets/stylesheets/custom-style.scss */
.filter-checkbox input {
  margin-right: 6px;
}

/* line 1878, app/assets/stylesheets/custom-style.scss */
.reset-filters {
  background-color: white;
  color: var(--dark-gray);
  border: 1px solid var(--border-color);
  padding: 9px 20px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px;
  transition: all 0.3s;
}

/* line 1889, app/assets/stylesheets/custom-style.scss */
.reset-filters:hover {
  background-color: var(--light-gray);
}

/* line 1893, app/assets/stylesheets/custom-style.scss */
.loading-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  margin-right: 10px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  /* line 1909, app/assets/stylesheets/custom-style.scss */
  .filter-options {
    flex-direction: column;
    gap: 5px;
  }
}

/* line 1915, app/assets/stylesheets/custom-style.scss */
.product-condition {
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  padding: 4px 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: none;
  display: inline-block;
}

/* line 1926, app/assets/stylesheets/custom-style.scss */
.product-condition-single {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 30px;
}

/* Custom product condition colors */
/* line 1933, app/assets/stylesheets/custom-style.scss */
.green {
  background-color: #4CAF50;
  /* Material Green */
  color: white;
}

/* line 1938, app/assets/stylesheets/custom-style.scss */
.light-green {
  background-color: #8BC34A;
  /* Material Light Green */
  color: white;
}

/* line 1943, app/assets/stylesheets/custom-style.scss */
.blue {
  background-color: #2196F3;
  /* Material Blue */
  color: white;
}

/* line 1948, app/assets/stylesheets/custom-style.scss */
.amber {
  background-color: #FFC107;
  /* Material Amber */
  color: black !important;
  /* better contrast */
}

/* line 1953, app/assets/stylesheets/custom-style.scss */
.orange {
  background-color: #FF9800;
  /* Material Orange */
  color: white;
}

/* line 1958, app/assets/stylesheets/custom-style.scss */
.red {
  background-color: #F44336;
  /* Material Red */
  color: white;
}

/* line 1963, app/assets/stylesheets/custom-style.scss */
.product-condition-default {
  background-color: #f8f9fa !important;
  color: #495057 !important;
  border: 1px solid #dee2e6 !important;
}

/* line 1969, app/assets/stylesheets/custom-style.scss */
.product-condition-reserved {
  background-color: #495057 !important;
  color: white !important;
  border: none !important;
}

/* line 1974, app/assets/stylesheets/custom-style.scss */
.image-popout {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 1;
  /* base */
}

/* line 1980, app/assets/stylesheets/custom-style.scss */
.image-popout:hover {
  transform: scale(1.5);
  /* enlarge */
  z-index: 10;
  /* bring above other elements */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  /* add shadow for effect */
}

/* line 1987, app/assets/stylesheets/custom-style.scss */
#filtersModal .modal-content {
  background: #fff;
  border-radius: 1rem;
}

/* line 1992, app/assets/stylesheets/custom-style.scss */
.filter-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* line 1995, app/assets/stylesheets/custom-style.scss */
.filter-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* line 2000, app/assets/stylesheets/custom-style.scss */
.form-check-input {
  border-radius: 0.35rem;
  cursor: pointer;
}

/* line 2004, app/assets/stylesheets/custom-style.scss */
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 2009, app/assets/stylesheets/custom-style.scss */
.filter-card h6 {
  font-size: 0.95rem;
  text-transform: capitalize;
}

/* Custom Navigation Icons - Positioned next to image */
/* line 2015, app/assets/stylesheets/custom-style.scss */
.custom-nav-left,
.custom-nav-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 2034, app/assets/stylesheets/custom-style.scss */
.custom-nav-left {
  left: 15px;
}

/* line 2038, app/assets/stylesheets/custom-style.scss */
.custom-nav-right {
  right: 15px;
}

/* line 2042, app/assets/stylesheets/custom-style.scss */
.custom-nav-left:hover,
.custom-nav-right:hover {
  background: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-50%) scale(1.05);
}

/* line 2049, app/assets/stylesheets/custom-style.scss */
.custom-nav-left i,
.custom-nav-right i {
  font-size: 14px;
  color: #333;
  transition: color 0.3s ease;
}

/* line 2056, app/assets/stylesheets/custom-style.scss */
.custom-nav-left:hover i,
.custom-nav-right:hover i {
  color: var(--color3);
}

/* line 2062, app/assets/stylesheets/custom-style.scss */
.banner-text {
  background-color: #d08701;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

/* line 2068, app/assets/stylesheets/custom-style.scss */
.order-image {
  width: 2.5rem;
  height: 2.5rem;
}

/* line 2073, app/assets/stylesheets/custom-style.scss */
.input-holder.ai-enabled {
  position: relative;
  display: flex;
  align-items: center;
}

/* line 2079, app/assets/stylesheets/custom-style.scss */
.ai-badge {
  position: absolute;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color3), var(--color6));
  color: white;
  font-size: 1.2em;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(113, 188, 223, 0.7);
  animation: pulse 2s infinite;
}

/* line 2095, app/assets/stylesheets/custom-style.scss */
.ai-enabled input[type="search"] {
  padding-left: 3.5em;
  border-radius: 8px;
  border: 1px solid #ddd;
  height: 50px;
  font-size: 18px;
  background-color: white !important;
}

/* Regular search input (non-AI) styling */
/* line 2105, app/assets/stylesheets/custom-style.scss */
.input-holder:not(.ai-enabled) input[type="search"] {
  padding-left: 1em;
  border-radius: 8px;
  border: 1px solid #ddd;
  height: 50px;
  font-size: 18px;
  background-color: white !important;
}

/* line 2114, app/assets/stylesheets/custom-style.scss */
.btn-blue {
  margin-left: 0.5em;
  border-radius: 8px;
  height: 50px;
  padding: 0 20px;
  font-weight: 600;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 8px rgba(113, 188, 223, 0.6);
  }
  50% {
    box-shadow: 0 0 16px #71bcdf;
  }
  100% {
    box-shadow: 0 0 8px rgba(113, 188, 223, 0.6);
  }
}

/* line 2135, app/assets/stylesheets/custom-style.scss */
.faqs-page {
  background-color: #fff;
  min-height: 100vh;
}

/* line 2140, app/assets/stylesheets/custom-style.scss */
.faqs-header {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color3) 50%, var(--color5) 100%);
  color: #fff;
  padding: 80px 0 60px;
  margin-bottom: 40px;
}

/* line 2146, app/assets/stylesheets/custom-style.scss */
.faqs-header h1 {
  font-size: 2.5rem;
  font-weight: 700;
}

/* line 2153, app/assets/stylesheets/custom-style.scss */
.faq-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  padding: 28px 32px;
  margin: 16px 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  transition: all .2s ease;
  min-height: 90px;
}

/* line 2163, app/assets/stylesheets/custom-style.scss */
.faq-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

/* line 2168, app/assets/stylesheets/custom-style.scss */
.faq-card .bi {
  color: var(--color3);
  font-size: 1.1rem;
  flex: 0 0 auto;
}

/* line 2175, app/assets/stylesheets/custom-style.scss */
.faq-q {
  font-weight: 700;
  color: var(--color3);
  display: flex;
  align-items: center;
  gap: .25rem;
  margin-bottom: .75rem;
  font-size: 1.25rem;
}

/* line 2185, app/assets/stylesheets/custom-style.scss */
.faq-a {
  color: var(--dark-gray);
  line-height: 1.6;
  margin-left: 2.1rem;
  font-size: 1rem;
}

/* line 2191, app/assets/stylesheets/custom-style.scss */
.faq-a a {
  color: var(--color3);
  text-decoration: none;
}

/* line 2195, app/assets/stylesheets/custom-style.scss */
.faq-a a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  /* line 2203, app/assets/stylesheets/custom-style.scss */
  .faqs-header {
    padding: 60px 0 40px;
  }
  /* line 2206, app/assets/stylesheets/custom-style.scss */
  .faqs-header h1 {
    font-size: 2rem;
  }
  /* line 2211, app/assets/stylesheets/custom-style.scss */
  .p-md-5 {
    padding: 1.5rem !important;
  }
}

/* Asset Properties Container */
/* line 2217, app/assets/stylesheets/custom-style.scss */
.asset-properties-container {
  background-color: #f5f5f5 !important;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin: 15px 0 !important;
  box-shadow: 0 4px 12px rgba(102, 102, 102, 0.15) !important;
  transition: all 0.3s ease !important;
  display: block !important;
  visibility: visible !important;
  min-height: 100px !important;
  width: 100% !important;
}

/* line 2232, app/assets/stylesheets/custom-style.scss */
.asset-properties-container:hover {
  box-shadow: 0 6px 20px rgba(102, 102, 102, 0.25);
  transform: translateY(-2px);
}

/* line 2237, app/assets/stylesheets/custom-style.scss */
.asset-properties-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #ccc;
}

/* line 2245, app/assets/stylesheets/custom-style.scss */
.asset-properties-header h6 {
  color: #333;
  font-weight: 700;
  font-size: 1.1rem;
}

/* line 2251, app/assets/stylesheets/custom-style.scss */
.asset-properties-content {
  background: #ffffff !important;
  border-radius: 8px !important;
  padding: 15px !important;
  border: 1px solid #ddd !important;
}

/* line 2258, app/assets/stylesheets/custom-style.scss */
.asset-properties-content .dynamic-field {
  background: #ffffff !important;
  border: 1px solid #999 !important;
  transition: all 0.2s ease;
}

/* line 2264, app/assets/stylesheets/custom-style.scss */
.asset-properties-content .dynamic-field:focus {
  border-color: #666 !important;
  box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.1) !important;
  outline: none;
}

/* line 2270, app/assets/stylesheets/custom-style.scss */
.asset-properties-content label {
  color: #333 !important;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 2277, app/assets/stylesheets/custom-style.scss */
.scroll-hint {
  animation: bounce-gentle 2s infinite;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 2283, app/assets/stylesheets/custom-style.scss */
.scroll-hint:hover {
  transform: translateY(-2px);
  opacity: 0.8;
}

@keyframes bounce-gentle {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}

/* line 2301, app/assets/stylesheets/custom-style.scss */
.text-medium-gray {
  color: var(--medium-gray);
}

/* Reservation Modal Styles */
/* line 2306, app/assets/stylesheets/custom-style.scss */
.btn-reserve-professional {
  background: linear-gradient(135deg, #4d97e1 0%, #3d8fdf 100%);
  border: none;
  color: white;
  font-weight: 600;
  font-size: 12px;
  padding: 8px 16px;
  border-radius: 6px;
  box-shadow: 0 3px 8px rgba(77, 151, 225, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* line 2325, app/assets/stylesheets/custom-style.scss */
.btn-reserve-professional:hover:not(:disabled) {
  background: linear-gradient(135deg, #3d8fdf 0%, #2f86dc 100%);
  box-shadow: 0 4px 12px rgba(77, 151, 225, 0.4);
  transform: translateY(-1px);
}

/* line 2331, app/assets/stylesheets/custom-style.scss */
.btn-reserve-professional:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(77, 151, 225, 0.3);
}

/* line 2336, app/assets/stylesheets/custom-style.scss */
.btn-reserve-professional:disabled {
  background: linear-gradient(135deg, #6ea8dc 0%, #5b9bd5 100%);
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: 0 2px 6px rgba(110, 168, 220, 0.2);
  transform: none;
}

/* line 2344, app/assets/stylesheets/custom-style.scss */
.btn-reserve-professional i {
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Beautiful Footer - Responsive */
/* line 2353, app/assets/stylesheets/custom-style.scss */
.reservation-footer {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 0 0 12px 12px;
  margin: 0 -24px -24px -24px;
  padding: 20px 24px;
}

/* line 2360, app/assets/stylesheets/custom-style.scss */
.reservation-footer .border-top {
  border-color: #dee2e6 !important;
}

/* Form Switch Improvements */
/* line 2365, app/assets/stylesheets/custom-style.scss */
.reservation-footer .form-check-input {
  width: 2.5rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  flex-shrink: 0;
}

/* line 2372, app/assets/stylesheets/custom-style.scss */
.reservation-footer .form-check-input:checked {
  background-color: #28a745;
  border-color: #28a745;
}

/* line 2377, app/assets/stylesheets/custom-style.scss */
.reservation-footer .form-check-label {
  font-size: 14px;
  line-height: 1.4;
  color: #495057;
  margin-left: 8px;
}

/* line 2384, app/assets/stylesheets/custom-style.scss */
.reservation-footer .form-check-label i {
  font-size: 16px;
}

/* Checkbox and Label Alignment */
/* line 2389, app/assets/stylesheets/custom-style.scss */
.reservation-footer .form-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* line 2395, app/assets/stylesheets/custom-style.scss */
.reservation-footer .form-check .form-check-input {
  margin-top: 2px;
  margin-right: 0;
  align-self: flex-start;
}

/* line 2401, app/assets/stylesheets/custom-style.scss */
.reservation-footer .form-check .form-check-label {
  line-height: 1.5;
  margin-top: 0;
  padding-top: 2px;
}

/* Responsive Modal */
@media (max-width: 768px) {
  /* line 2409, app/assets/stylesheets/custom-style.scss */
  .modal-dialog {
    margin: 1rem;
    max-width: calc(100% - 2rem);
  }
  /* line 2414, app/assets/stylesheets/custom-style.scss */
  .reservation-footer {
    margin: 0 -15px -15px -15px;
    padding: 15px;
  }
  /* line 2419, app/assets/stylesheets/custom-style.scss */
  .reservation-footer .d-flex {
    flex-direction: column;
    gap: 15px;
  }
  /* line 2424, app/assets/stylesheets/custom-style.scss */
  .reservation-footer .d-flex > div {
    width: 100%;
    justify-content: center;
  }
  /* line 2429, app/assets/stylesheets/custom-style.scss */
  .btn-reserve-professional {
    width: 100%;
    min-width: auto;
  }
}

@media (max-width: 576px) {
  /* line 2436, app/assets/stylesheets/custom-style.scss */
  .modal-dialog {
    margin: 0.5rem;
    max-width: calc(100% - 1rem);
  }
  /* line 2441, app/assets/stylesheets/custom-style.scss */
  .reservation-footer {
    margin: 0 -10px -10px -10px;
    padding: 10px;
  }
  /* line 2446, app/assets/stylesheets/custom-style.scss */
  .reservation-footer .form-check-label {
    font-size: 13px;
  }
  /* line 2450, app/assets/stylesheets/custom-style.scss */
  .btn-reserve-professional {
    font-size: 11px;
    padding: 6px 12px;
  }
}

/* line 2456, app/assets/stylesheets/custom-style.scss */
.reservation-footer .d-flex.align-items-center {
  align-items: flex-start !important;
}

@media (min-width: 769px) {
  /* line 2461, app/assets/stylesheets/custom-style.scss */
  .reservation-footer .d-flex.align-items-center {
    align-items: center !important;
  }
}

/* line 2466, app/assets/stylesheets/custom-style.scss */
.smarted-terms section {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* line 2472, app/assets/stylesheets/custom-style.scss */
.smarted-terms section h2 {
  margin-bottom: 0.75rem !important;
  margin-top: 0.5rem !important;
}

/* line 2477, app/assets/stylesheets/custom-style.scss */
.search-wrapper-fluid {
  background: linear-gradient(135deg, #e9fafb 0%, #f0f8ff 100%);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* Compact variant for products index */
/* line 2483, app/assets/stylesheets/custom-style.scss */
.search-wrapper-compact {
  padding: 12px !important;
}

/* line 2486, app/assets/stylesheets/custom-style.scss */
.search-wrapper-compact .search-compact {
  /* tighten vertical rhythm */
}

/* line 2489, app/assets/stylesheets/custom-style.scss */
.search-wrapper-compact .search-compact .ai-badge {
  width: 28px;
  height: 28px;
  font-size: 1rem;
  left: 10px;
}

/* line 2495, app/assets/stylesheets/custom-style.scss */
.search-wrapper-compact .search-compact input[type="search"] {
  height: 42px;
  font-size: 14px;
}

/* line 2499, app/assets/stylesheets/custom-style.scss */
.search-wrapper-compact .search-compact .btn-blue {
  height: 42px;
  padding: 0 14px;
  font-size: 14px;
}

/* Inline note styling for products index */
/* line 2506, app/assets/stylesheets/custom-style.scss */
.note-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff9db;
  /* subtle note */
  border: 1px solid #ffe58f;
  color: #000 !important;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 8px;
}

/* Count badge for products list on find page */
/* line 2520, app/assets/stylesheets/custom-style.scss */
.product-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 9999px;
  background-color: #6da1d1;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

/* line 2535, app/assets/stylesheets/custom-style.scss */
.floating-chat {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-family: 'Inter', system-ui, sans-serif;
}

/* line 2546, app/assets/stylesheets/custom-style.scss */
.chat-toggle-btn {
  background-color: #6da1d1;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 2560, app/assets/stylesheets/custom-style.scss */
.chat-toggle-btn:hover {
  background-color: #7fd2eb;
  transform: scale(1.05);
}

/* line 2564, app/assets/stylesheets/custom-style.scss */
.chat-window {
  width: 360px;
  height: 60vh;
  min-height: 420px;
  background-color: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  animation: fadeIn 0.25s ease-out;
}

/* line 2576, app/assets/stylesheets/custom-style.scss */
.chat-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 2584, app/assets/stylesheets/custom-style.scss */
.chat-title {
  font-weight: 600;
  font-size: 16px;
}

/* line 2588, app/assets/stylesheets/custom-style.scss */
.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* Messages */
/* line 2595, app/assets/stylesheets/custom-style.scss */
.chat-body {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
}

/* line 2603, app/assets/stylesheets/custom-style.scss */
.chat-body::-webkit-scrollbar {
  width: 6px;
}

/* line 2606, app/assets/stylesheets/custom-style.scss */
.chat-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* Messages (user vs partner) */
/* line 2612, app/assets/stylesheets/custom-style.scss */
.user-message, .partner-message {
  padding: 10px 14px;
  border-radius: 18px;
  max-width: 75%;
  margin-bottom: 10px;
  font-size: 14px;
  word-wrap: break-word;
  line-height: 1.4;
}

/* line 2621, app/assets/stylesheets/custom-style.scss */
.user-message {
  background-color: #6da1d1;
  color: #fff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}

/* line 2627, app/assets/stylesheets/custom-style.scss */
.partner-message {
  background-color: #e9ecef;
  color: #333;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}

/* line 2633, app/assets/stylesheets/custom-style.scss */
.message-time {
  font-size: 11px;
  color: #000;
  margin-top: 2px;
  display: block;
  text-align: right;
}

/* line 2640, app/assets/stylesheets/custom-style.scss */
.message-bubble .message-sender {
  color: #6da1d1 !important;
}

/* Input */
/* line 2644, app/assets/stylesheets/custom-style.scss */
.chat-input {
  display: flex;
  align-items: center;
  padding: 10px;
  border-top: 1px solid #e6e6e6;
  background-color: #fff;
}

/* line 2651, app/assets/stylesheets/custom-style.scss */
.chat-input textarea {
  flex: 1;
  border: 1px solid #ccc;
  border-radius: 25px;
  padding: 15px 14px;
  font-size: 14px;
  outline: none;
}

/* line 2659, app/assets/stylesheets/custom-style.scss */
.chat-input textarea:focus {
  border-color: #7fd2eb;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

/* line 2663, app/assets/stylesheets/custom-style.scss */
.btn-send {
  background: #6da1d1;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* line 2676, app/assets/stylesheets/custom-style.scss */
.btn-send:hover {
  background: #7fd2eb;
  transform: translateY(-1px);
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 2687, app/assets/stylesheets/custom-style.scss */
.no-break {
  white-space: nowrap;
  display: inline;
}

/* line 2691, app/assets/stylesheets/custom-style.scss */
#smartMatchCarousel {
  position: relative;
}

/* Smooth control buttons */
/* line 2696, app/assets/stylesheets/custom-style.scss */
.custom-carousel-control {
  width: 4rem;
  height: 4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

/* line 2706, app/assets/stylesheets/custom-style.scss */
.custom-carousel-control:hover {
  background: rgba(0, 0, 0, 0.6);
}

/* line 2710, app/assets/stylesheets/custom-style.scss */
.carousel-control-prev {
  left: -2rem;
}

/* line 2714, app/assets/stylesheets/custom-style.scss */
.carousel-control-next {
  right: -2rem;
}

/* line 2718, app/assets/stylesheets/custom-style.scss */
.equal-card {
  min-height: 560px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Hover animation */
/* line 2726, app/assets/stylesheets/custom-style.scss */
.card {
  transition: all 0.4s ease-in-out;
}

/* line 2730, app/assets/stylesheets/custom-style.scss */
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

/* Responsive tweaks */
@media (max-width: 768px) {
  /* line 2737, app/assets/stylesheets/custom-style.scss */
  .carousel-control-prev {
    left: -1rem;
  }
  /* line 2740, app/assets/stylesheets/custom-style.scss */
  .carousel-control-next {
    right: -1rem;
  }
  /* line 2743, app/assets/stylesheets/custom-style.scss */
  .equal-card {
    min-height: auto;
  }
}

/* line 2748, app/assets/stylesheets/custom-style.scss */
.text-skyblue {
  color: var(--color3) !important;
}

/* line 2751, app/assets/stylesheets/custom-style.scss */
.condition-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.58rem;
}

/* line 2757, app/assets/stylesheets/custom-style.scss */
.condition-table th {
  text-align: left;
  padding: 4px 6px;
  width: 40%;
  font-weight: bold;
  vertical-align: top;
}

/* line 2765, app/assets/stylesheets/custom-style.scss */
.condition-table td {
  padding: 1px 5px;
  line-height: 15px;
  vertical-align: top;
}

/* line 2771, app/assets/stylesheets/custom-style.scss */
.condition-table tr:nth-child(even) {
  background: #f1f1f1;
}

/* line 2775, app/assets/stylesheets/custom-style.scss */
.condition-tooltip-wrapper {
  position: relative;
  display: inline-block;
}

/* line 2780, app/assets/stylesheets/custom-style.scss */
.condition-tooltip-content {
  visibility: hidden;
  width: 360px;
  background-color: #fff;
  color: #212529;
  text-align: left;
  padding: 0;
  /* table handles its own padding */
  border-radius: 8px;
  font-size: 0.6rem;
  position: absolute;
  z-index: 9;
  /* make sure it's above everything */
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  white-space: normal;
}

/* line 2798, app/assets/stylesheets/custom-style.scss */
.condition-tooltip-wrapper:hover .condition-tooltip-content {
  visibility: visible;
}

/* line 2802, app/assets/stylesheets/custom-style.scss */
#page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

/* line 2815, app/assets/stylesheets/custom-style.scss */
#page-loader .spinner {
  width: 85px;
  height: 85px;
  border: 5px solid #ccc;
  border-top-color: #6da1d1;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 2828, app/assets/stylesheets/custom-style.scss */
.trix-content li {
  list-style-type: disc;
}

/* line 2831, app/assets/stylesheets/custom-style.scss */
.trix-content img {
  margin-top: 10px;
}

/* line 2835, app/assets/stylesheets/custom-style.scss */
.absolute-floating-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}