.hps-leaf-page-bg {
  background-color: #fff;
  background-image:
    linear-gradient(rgba(255,255,255,.84), rgba(255,255,255,.84)),
    url('/assets/front/img/hps-leaves-bg.webp');
  background-position: center top;
  background-size: 100% auto;
  background-repeat: repeat-y;
}

.hps-leaf-soft {
  background-color: rgba(255,255,255,.94);
  border-radius: 22px;
  box-shadow: 0 12px 35px rgba(28, 94, 43, .07);
}

/* Service details readability surfaces only */
.hps-leaf-detail-page .card,
.hps-leaf-detail-page .border,
.hps-leaf-detail-page .booking-form .form-wrapper,
.hps-leaf-detail-page .review-list,
.hps-leaf-detail-page .review-progresses,
.hps-leaf-detail-page .product-default,
.hps-leaf-detail-page .vendor-info,
.hps-leaf-detail-page .sidebar-widget,
.hps-leaf-detail-page .widget,
.hps-leaf-detail-page .listing-sidebar,
.hps-leaf-detail-page .product-single-details,
.hps-leaf-detail-page .product-single-gallery,
.hps-leaf-detail-page #bookNowCard,
.hps-leaf-detail-page #relatedServicesSection .product-default,
.hps-leaf-detail-page .service-details-sidebar {

  background: rgba(255,255,255,.90) !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  box-shadow:
    0 10px 30px rgba(15,23,42,.05);

  border-color:
    rgba(255,255,255,.70) !important;
}

/* Softer calendar cells */
.hps-leaf-detail-page #calGrid .cell{
  background: rgba(255,255,255,.72) !important;
}


/* Service details content spacing */
.hps-leaf-detail-page .product-single-details{
  padding: 28px !important;
  border-radius: 22px;
}

@media (max-width: 767px){
  .hps-leaf-detail-page .product-single-details{
    padding: 18px !important;
  }
}


.hps-leaf-detail-page .product-single-details > .row,
.hps-leaf-detail-page #serviceDescription{
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.hps-leaf-detail-page .product-single-details > .row:first-child{
  padding-top: 24px !important;
}

.hps-leaf-detail-page #serviceDescription{
  padding-top: 32px !important;
  padding-bottom: 28px !important;
}

@media (max-width: 767px){
  .hps-leaf-detail-page .product-single-details > .row,
  .hps-leaf-detail-page #serviceDescription{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* Services listing sidebar readability */
.listing-area.hps-leaf-page-bg .widget,
.listing-area.hps-leaf-page-bg .sidebar-widget,
.listing-area.hps-leaf-page-bg .listing-sidebar,
.listing-area.hps-leaf-page-bg .filter-widget,
.listing-area.hps-leaf-page-bg .service-filter,
.listing-area.hps-leaf-page-bg .category-widget,
.listing-area.hps-leaf-page-bg .ratings-widget,
.listing-area.hps-leaf-page-bg .border {
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}

/* Keep form inputs clean */
.listing-area.hps-leaf-page-bg input,
.listing-area.hps-leaf-page-bg select,
.listing-area.hps-leaf-page-bg textarea {
  background: rgba(255,255,255,.96) !important;
}


/* Blog sidebar readability */
.blog-area.hps-leaf-page-bg .widget,
.blog-details-area.hps-leaf-page-bg .widget {
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}

/* Blog sidebar inputs */
.blog-area.hps-leaf-page-bg .widget input,
.blog-details-area.hps-leaf-page-bg .widget input {
  background: rgba(255,255,255,.96) !important;
}


/* Blog article readability */
.blog-details-area.hps-leaf-page-bg .blog-description,
.blog-details-area.hps-leaf-page-bg .blog-details-desc,
.blog-details-area.hps-leaf-page-bg .blog-content,
.blog-details-area.hps-leaf-page-bg article,
.blog-details-area.hps-leaf-page-bg .post-details {

  background: rgba(255,255,255,.88);
  padding: 32px;
  border-radius: 24px;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}

@media (max-width:767px){
  .blog-details-area.hps-leaf-page-bg .blog-description,
  .blog-details-area.hps-leaf-page-bg .blog-details-desc,
  .blog-details-area.hps-leaf-page-bg .blog-content,
  .blog-details-area.hps-leaf-page-bg article,
  .blog-details-area.hps-leaf-page-bg .post-details{
    padding:20px;
  }
}


/* Vendor profile details page */
.vendor-details-area.hps-leaf-page-bg .card,
.vendor-details-area.hps-leaf-page-bg .widget,
.vendor-details-area.hps-leaf-page-bg .sidebar-widget,
.vendor-details-area.hps-leaf-page-bg .vendor-info,
.vendor-details-area.hps-leaf-page-bg .vendor-sidebar,
.vendor-details-area.hps-leaf-page-bg .product-default,
.vendor-area.hps-leaf-page-bg .card,
.vendor-area.hps-leaf-page-bg .widget,
.vendor-area.hps-leaf-page-bg .vendor-info {
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}


/* Public vendor profile page */
.hps-vendor-profile-page .widget,
.hps-vendor-profile-page .widget-author-details,
.hps-vendor-profile-page .product-default,
.hps-vendor-profile-page .tabs-navigation {
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}



/* User dashboard leaf background cards */
.hps-user-dashboard-page .card,
.hps-user-dashboard-page .user-profile-details,
.hps-user-dashboard-page .account-info,
.hps-user-dashboard-page .user-sidebar,
.hps-user-dashboard-page .side-navbar {
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}

.hps-user-dashboard-page .account-info {
  padding: 24px;
  border-radius: 22px;
}


/* Homepage how-it-works section */
.hps-how-section.hps-leaf-page-bg{
  background-size: 1200px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative;
}

.hps-how-section.hps-leaf-page-bg::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(248,247,242,.90);
  z-index: 1;
}

.hps-how-section.hps-leaf-page-bg .container{
  position: relative;
  z-index: 2;
}


/* Homepage how-it-works section */
.hps-how-section.hps-leaf-page-bg{
  background-size: 1200px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative;
}

.hps-how-section.hps-leaf-page-bg::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(248,247,242,.90);
  z-index: 1;
}

.hps-how-section.hps-leaf-page-bg .container{
  position: relative;
  z-index: 2;
}