.single-member-wrap.single-style-1 .single-member-videos-wrap{
  padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.cstm-checkout-btn {
  margin-left: 10px !important;
}
.primary-light .product-label__item--onsale {
	display: none !important;
}
/* cookie btn */
button#cn-accept-cookie {
padding: 15px 15px !important;
}
button#cn-close-notice {
border-radius: 15px;
padding: 15px;
height: 22px !important;
}
.cn-close-icon:after,
.cn-close-icon:before {
top: 6px !important;
}
.tree-root-content {
padding: 0px 30px 0px 30px;
}
.mfp-arrow:before, .mfp-arrow:after{
  margin-top: 0px;
}
/* .video-play-overlay {
    top: 100px !important;
    left: 150px !important;
} */
.mfp-arrow:after {
  margin-top: 0 !important;
}
body.post-type-archive-product .layout-grid.grid-columns-4 {
    gap: 0px !important;
}
/* ------------------------------------------------------------
 Display box images: click-to-open modal gallery (single product)
------------------------------------------------------------ */
span.onsale {
font-weight: 500;
border-radius: 3px;
padding: 5px;
background-color: #da6744;
color: #fff;
font-size: 14px;
}
.display-box-description .display-box-open {
background: transparent;
border: 0;
padding: 0;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}

html.display-box-modal-open,
html.display-box-modal-open body {
overflow: hidden;
}

.display-box-modal {
position: fixed;
inset: 0;
z-index: 99999;
}
.display-box-modal[hidden] {
display: none !important;
}
.display-box-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.75);
}
button.display-box-modal__nav.display-box-modal__prev,
button.display-box-modal__nav.display-box-modal__next,
button.display-box-modal__close {
padding: 0px;
background-color: #fff;
border: 1px solid;
border-radius: 70px;
}
.display-box-modal__panel {
position: relative;
z-index: 1;
max-width: min(980px, 92vw);
max-height: 92vh;
margin: 4vh auto 0;
background: #fff;
border-radius: 12px;
padding: 44px 44px 18px;
outline: none;
display: grid;
grid-template-columns: 44px 1fr 44px;
align-items: center;
gap: 10px;
}
.display-box-modal__figure {
margin: 0;
grid-column: 2 / 3;
text-align: center;
}
.display-box-modal__img {
max-width: 100%;
max-height: 70vh;
width: auto;
height: auto;
}
.display-box-modal__caption {
margin-top: 10px;
color: rgba(255, 255, 255, 0.85);
font-size: 14px;
}
.display-box-modal__close {
position: absolute;
top: 10px;
right: 10px;
width: 36px;
height: 36px;
border-radius: 999px;
border: 0;
background: rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 22px;
line-height: 36px;
cursor: pointer;
}
.display-box-modal__nav {
width: 44px;
height: 44px;
border-radius: 999px;
border: 0;
background: rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 30px;
line-height: 44px;
cursor: pointer;
}
.display-box-modal__prev {
grid-column: 1 / 2;
}
.display-box-modal__next {
grid-column: 3 / 4;
}

@media (max-width: 640px) {
.display-box-modal__panel {
  padding: 44px 14px 14px;
  grid-template-columns: 40px 1fr 40px;
}
.display-box-modal__img {
  max-height: 64vh;
}
}
/*
Theme Name: FamiPress - Child
Theme URI: https://harutheme.com/famipress
Author: HaruTheme
Author URI: https://harutheme.com/
Description: This is child theme of FamiPress
Template: famipress
Version: 1.0.0
*/

/*---------------------------------
  Write your css code from here
------------------------------------*/
img.attachment-shop_catalog.size-shop_catalog {
height: 500px;
}
body.page-id-17244 .elementor-widget-haru-icon-box .haru-icon-box--style-10 {
background-color: #fff9f5 !important;
}

.haru-text-label--style-1 {
background-color: #f6b390 !important;
}
.haru-text-label--style-1 .haru-text-label__content {
color: #3d2924 !important;
}
i.fa.fa-chevron-right {
font-size: 12px;
color: #000;
font-weight: bolder;
}
ul.policy-content {
list-style-type: square;
}
.testimonial-initial {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #3d2924;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.cstm-footer-heading {
font-size: 24px;
}
a:hover {
color: #f6b390;
}
.shop-right-image {
float: right;
margin-left: 20px;
}

.shop-right-image img {
max-width: 220px;
height: auto;
}

.square-list {
list-style: none;
padding-left: 0;
}

.square-list li {
position: relative;
padding-left: 18px;
margin-bottom: 8px;
}

.square-list li::before {
content: "";
width: 8px;
height: 8px;
background: #000;
position: absolute;
left: 0;
top: 7px;
}
.numbered-list {
padding-left: 20px;
}

.numbered-list li {
margin-bottom: 10px;
}

.admin-bar
.haru-header--sticky-on.haru-header--sticky-header
.haru-header__desktop
#main-header {
position: fixed !important;
top: 32px !important;
}

.haru-header--sticky-on.haru-header--sticky-header
.haru-header__desktop
#main-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-navigation-link--messages a::before {
content: none !important;
}
.woocommerce-my-account-wrap {
margin-top: 50px !important;
}
/* SHOP PAGE LIST CSS */
.single-member-wrap.single-style-1
.single-member-images
.images-gallery-description {
padding: 0%;
padding-bottom: 20px;
}
.member-item.style-1 .member-item__view-tree a:before {
background-color: #f6b390 !important;
}
.member-item.style-1 .member-item__view-tree a:hover {
background-color: #f6b390 !important;
}
.haru-header {
z-index: 100;
}

#haru-bottom-toolbar {
z-index: 100;
}

#QX_customer-service-button > div {
bottom: 124px !important;
}

.star-rating:before {
color: #f6b390;
}

.product-item .star-rating {
top: 5% !important;
}

.add_to_cart_button.add-to-cart-loader .loader {
top: 45% !important;
transform: translate(-32%, -50%) !important;
}

.woocommerce-cart .woocommerce-cart-form .product-name a:hover {
color: #f6b390;
}

/* .haru-accordion--style-3 .haru-accordion-icon.haru-accordion-icon-left {
  float: none;
} */

.primary-light input[type="number"]:focus,
.primary-light textarea:focus,
textarea:focus,
.primary-light input[type="text"]:focus,
.primary-light input[type="email"]:focus,
.primary-light input[type="password"]:focus,
.primary-light input[type="search"]:focus,
.primary-light input[type="number"]:focus,
.primary-light input[type="url"]:focus,
.primary-light input[type="tel"]:focus,
.primary-light input[type="date"]:focus,
.primary-light select:focus,
.primary-light textarea:focus {
border: 1px solid #f6b390;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #f6b390;
}

.haru-header--transparent-dark:not(.haru-header--sticky-on) .haru-menu-toggle {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}

.image-list {
margin: 0 -12px !important;
}
.single-member-images.slider {
position: relative;
}

.image-list .slick-arrow {
z-index: 9 !important;
opacity: 1;
background: transparent !important;
border-radius: 50%;
border: 1px solid #3d2924;
color: #3d2924;
visibility: visible;
}

.image-list .slick-prev,
.image-list .slick-next {
color: #3d2924 !important;
}

@media screen and (min-width: 769px) {
.image-list {
  position: static !important;
}

.single-member-images.slider {
  position: relative;
}

.image-list .slick-arrow {
  position: absolute;
  top: 0 !important;
  bottom: auto;
  z-index: 9 !important;
  opacity: 1;
  left: auto !important;
  background: transparent !important;
  border-radius: 50%;
  border: 1px solid #3d2924;
  color: #3d2924;
  visibility: visible !important;
  transform: none !important;
}

.image-list .slick-prev,
.image-list .slick-next {
  color: #3d2924 !important;
}

.image-list .slick-prev {
  right: 56px;
}

.image-list .slick-next {
  right: 0 !important;
}
}

.added_to_cart.wc-forward {
margin-top: 20px;
}
.product-button.product-button--add-to-cart {
display: none !important;
}
.product-item.style-1:hover .product-actions {
display: none;
}
.input-error {
border: 1px solid red !important;
}
.error-message {
color: red;
font-size: 0.9em;
margin-top: 2px;
display: none;
}
.error-message.active {
display: block;
}
label {
display: block;
margin-bottom: 10px;
}
.new-login {
color: #f6b390;
text-decoration: underline;
}
.new-login:hover {
color: #000;
text-decoration: underline;
}

/* Disable all buttons until page load */
/* button.next-step,
button.prev-step,
button[type="submit"] {
  pointer-events: none;
  opacity: 0.5;
} */

/* Loader Overlay */
#form-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.85);
z-index: 9999;
justify-content: center;
align-items: center;
}

.loader {
border: 6px solid #f3f3f3;
border-top: 6px solid #f6b390;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
}

@keyframes spin {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}
/* SHOP PAGE LIST CSS */

/* Home Header */
.elementor-element-a0b38aa
.haru-account__content.logged-in
.haru-account__link {
font-weight: 400 !important;
color: #4c4c4c !important;
font-family: "Outfit" !important;
border-radius: 12px !important;
border: 1px solid #4c4c4c !important;
line-height: 56px !important;
font-size: 16px !important;
fill: #fff !important;
background-color: #fff !important;
height: auto !important;
min-height: 56px !important;
padding: 0 13px !important;
display: flex;
align-items: center;
justify-content: center;
}
.elementor-widget-haru-woo-cart .elementor-widget-container {
margin: 0px 0px 0px 12px;
}

.haru-cart .haru-cart-icon:before {
font-size: 24px;
}

.haru-cart--style-2 .haru-cart-opener {
width: 56px;
height: 56px;
}
.elementor-element-b09cb8a .haru-cart-opener a {
font-weight: 400 !important;
color: #4c4c4c !important;
font-family: "Outfit" !important;
border-radius: 12px !important;
border: 1px solid #4c4c4c !important;
line-height: 56px !important;
font-size: 16px !important;
fill: #fff !important;
background-color: #fff !important;
height: 56px !important;
width: 56px;
}

.elementor-element-b09cb8a .haru-cart-opener a .haru-cart-icon {
height: 56px !important;
}
#haru-header .haru-button {
font-weight: 400 !important;
color: #4c4c4c !important;
font-family: "Outfit" !important;
border-radius: 12px !important;
border: 1px solid #4c4c4c !important;
line-height: 54px !important;
font-size: 16px !important;
fill: #fff !important;
background-color: #fff !important;
height: auto !important;
padding: 0 20px !important;
}
#haru-header .haru-button span {
line-height: 46px !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #4c4c4c !important;
font-family: "Outfit" !important;
}
#haru-header
.haru-button--home-new
span.elementor-button-text1.haru-button-text {
font-weight: 400;
color: #4c4c4c;
font-family: "Outfit";
}
#haru-header
.haru-button--home-new
span.elementor-button-text1.haru-button-text:hover {
color: #fff;
}
#haru-header
.haru-button--home-new
a.haru-button.elementor-button1.haru-button--style-9.haru-button--outline.haru-button--outline-black.haru-button--outline-thin.haru-button--size-medium.haru-button--round-normal {
border-radius: 12px;
border-color: #4c4c4c;
}

/* Home Header */

.haru-nav-menu--main .haru-nav-menu .haru-item--main {
padding: 13px 12px;
letter-spacing: 1px;
}

.haru-nav-menu--main .haru-nav-menu .menu-item:first-child .haru-item--main {
padding-left: 0;
}

.haru-nav-menu--main .haru-nav-menu .menu-item:last-child .haru-item--main {
padding-right: 0;
}

/* Accordion */
.accordion-new-home a.haru-accordion-title {
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
font-size: 20px !important;
line-height: 135% !important;
color: #3d2924;
}

.accordion-new-home.haru-accordion--style-3 .haru-tab-content {
font-family: "Outfit", sans-serif;
font-weight: 400;
line-height: 24px;
color: #4c4c4c;
font-size: 16px;
}

.accordion-new-home.haru-accordion--style-3 .haru-tab-content.active {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 44px;
padding-right: 32px;
}

.accordion-new-home.haru-accordion--style-3 .haru-tab-content p {
/* margin-left: 32px; */
margin: 0;
}
.accordion-new-home.haru-accordion--style-3 .haru-tab-title:before {
background-color: #fff;
}
.accordion-new-home.haru-accordion--style-3 .haru-tab-title {
padding: 0;
display: flex;
/*     
  padding-bottom: 16px; */
}
.haru-page-title__content {
margin-top: 20px;
}
/* .accordion-new-home.haru-accordion--style-3 .haru-tab-title.active {
  padding-bottom: 16px;
} */
.accordion-new-home.accordion-new-home.haru-accordion--style-3
.haru-tab-content {
/* border-left: 8px solid #F6B390; */
}
.accordion-new-home.haru-accordion--style-3 .haru-accordion-icon {
margin-top: -4px;
}
.accordion-new-home.haru-accordion--style-3 .haru-tab-content {
/* border-bottom-left-radius: 4px; */
}

/* Accordion */

/* Home YT */
.new-home-video.elementor-widget-video
.elementor-custom-embed-image-overlay
img {
border-radius: 24px;
}
.new-cart-btn a {
background-color: #f6b390 !important;
color: #1f1f1f !important;
font-family: "Outfit", sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 16px !important;
line-height: 1 !important;
letter-spacing: 0 !important;
vertical-align: middle !important;
display: inline-flex !important;
align-items: center !important;
gap: 100px !important;
padding: 16px !important;
border-radius: 12px !important;
height: 56px !important;
}

.primary-light .product-item {
    /* margin-right: 10px !important; */
    border: 1px solid #e9e4e2 !important;
    border-radius: 24px !important;
    /* padding-bottom: 16px !important; */
    overflow: hidden;
}
.grid-columns-4 .grid-item {
    width: 24% !important;
}

.new-cart-btn .cart-icon {
width: 16px;
height: 10px;
}

a.button.checkout.wc-forward {
background-color: #f6b390;
}

.haru-cart
.haru-cart-wrap
.haru-cart-content
.cart_list_wrap
.total
.amount
bdi {
color: #f6b390;
}

.widget_shopping_cart_content .button:first-child {
background-color: transparent !important;
}

.widget_shopping_cart_content .button:first-child:hover {
border: 2px solid #f6b390;
}

.haru-account__menu-item a:hover,
a.wc-block-components-checkout-return-to-cart-button:hover {
color: #f6b390;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
border-top-color: #f6b390;
}

.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before {
color: #f6b390;
}

.woocommerce-MyAccount-content a:hover {
color: #f6b390;
}

mark {
background-color: #f6b390;
}

.woocommerce-order-details tfoot .amount {
color: #f6b390;
}
.primary-light .haru-breadcrumb .delimiter:before {
display: none;
}
/* Home YT */

/* Footer section */
.new-footer-menu-items ul li a {
font-family: "Outfit", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 28.8px;
letter-spacing: 0;
color: #4c4c4c !important;
}
/* Footer section */
/* Home page block */
.remembrance-block-wrapper {
display: flex;
flex-wrap: wrap;
gap: 42px;
align-items: center;
justify-content: space-between;
/* padding: 20px; */
border-radius: 16px;
}

.remembrance-block-left {
flex: 1 1 350px;
display: flex;
flex-direction: column;
gap: 24px;
}

.remembrance-item {
/* display: flex; */
align-items: center;
justify-content: space-between;
background: #fff;
border: 1px solid #f5ded3;
border-radius: 16px;
padding: 20px;
gap: 15px;
cursor: pointer;
transition: all 0.3s ease;
}

.remembrance-item.active {
background-color: #fffaf6;
border-color: #eecfc0;
}

.remembrance-item:hover {
background-color: #fff0e8;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.remembrance-icon-wrap {
display: flex;
justify-content: space-between;
}

.remembrance-item .left-icon img {
width: 42px;
height: 42px;
object-fit: contain;
}

.remembrance-item .text {
flex: 1;
}

.remembrance-item .text h4 {
color: #1f1f1f;
font-family: "Fraunces", serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
vertical-align: middle;
margin-top: 16px;
}

.remembrance-item .text p {
font-family: "Outfit", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
line-height: 100%;
letter-spacing: 0;
vertical-align: middle;
margin: 0;
color: #4c4c4c;
}

.remembrance-item .arrow img {
width: 40px;
height: 40px;
}

.remembrance-block-right {
flex: 1 1 15%;
/* text-align: center; */
}

.remembrance-block-right img {
max-width: 100%;
border-radius: 24px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
width: auto;
object-fit: cover;
height: 525px !important;
}

.elementor-element-d3cd8df .product-top {
border-radius: 0;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}

.elementor-element-d3cd8df .product-info {
text-align: left;
padding: 16px;
}

.elementor-element-d3cd8df .woocommerce-loop-product__title {
font-size: 16px;
color: #1c1c1c;
margin: 0;
}

.elementor-element-d3cd8df .product-diameter {
color: #4c4c4c;
}

.elementor-element-d3cd8df .amount .bdi {
color: #1f1f1f;
font-size: 18px;
line-height: 28px;
font-weight: normal;
}

.elementor-element-d3cd8df .new-cart-btn {
margin-top: 24px;
}

.elementor-element-d3cd8df .new-cart-btn a {
width: 100%;
justify-content: space-between;
}

.elementor-element-d3cd8df .slick-slide {
padding: 0 14px;
}

@media screen and (max-width: 768px) {
.admin-bar
  .haru-header--sticky-on.haru-header--sticky-header
  .haru-header__desktop
  #main-header {
  top: 0 !important;
}

.cart-actions-custom .haru-button.haru-button--bg-black {
  width: 100%;
}

button.single_add_to_cart_button.button.alt.haru-buy-now-btn.position-after_add_to_cart {
  margin-top: 20px;
}

.accordion-new-home.haru-accordion--style-3 .haru-tab-content.active {
  padding-left: 10px;
  padding-right: 10px;
}

.elementor-element.elementor-element-c9c27ce.e-con-full.e-flex.e-con.e-child {
  justify-content: center;
}

.elementor-7931
  .elementor-element.elementor-element-9c27cd5.elementor-element {
  --align-self: center !important;
}

a.button.view-cart {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.woocommerce-cart .woocommerce-cart-form .product-price:before {
  padding: 13px 0;
}

.shop-filter.hidden-fixed .shop-filter__catalog {
  display: inline-flex;
  margin-top: 10px;
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;
}

.archive-content.has-hidden-sidebar .woocommerce-result-count {
  margin-left: 0;
  position: static;
}

.archive-content.has-hidden-sidebar .woocommerce-ordering {
  margin-left: 0;
  width: 100%;
}

.haru-header__desktop .e-con-inner {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between !important;
  margin: 0;
  padding: 0 !important;
  width: 100%;
}

.haru-header__desktop
  .elementor-8221
  .elementor-element.elementor-element-7f07d38a.e-con {
  width: auto;
  margin: 0;
}

.haru-header__desktop
  .elementor-8221
  .elementor-element.elementor-element-2141d3d.e-con {
  width: auto;
}

.haru-header__desktop .elementor-widget-image img {
  width: 70px;
  height: 70px !important;
}

.haru-header__desktop
  .elementor-element.elementor-element-39ff3dde.e-con-full.e-flex.e-con.e-child {
  margin: 0;
}

.shop-filter.hidden-fixed .shop-filter__layout {
  margin-left: 0;
}
.remembrance-block-wrapper {
  flex-direction: column;
  align-items: center;
}

.remembrance-block-left,
.remembrance-block-right {
  width: 100%;
}
}
/* Home page block */
/* Home page Image viewerblock */
.family-image-viewer-container {
position: relative;
max-width: 100%;
margin: 0 auto;
background: #ffffff;
/* padding: 42px; */
border-radius: 32px;
overflow: hidden;
}

.family-controls .zoom-btn {
position: absolute;
top: 42px;
left: 42px;
display: flex;
gap: 10px;
z-index: 10;
line-height: normal;
}

.family-controls .zoom-btn {
background: #f6f4f3;
border: none;
padding: 16px;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
font-size: 18px;
align-items: center;
height: 56px;
width: 56px;
}

#zoom-out {
left: 108px;
}

.full-screen-btn {
background: #f6f4f3;
border: none;
padding: 16px;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
font-size: 18px;
align-items: center;
height: 56px;
width: 56px;
}

.family-controls .full-screen-btn {
position: absolute;
top: 42px;
right: 42px;
display: flex;
gap: 10px;
z-index: 10;
line-height: normal;
background-color: #f6f4f3;
}

/* #fullscreen {
  position: absolute;
  top: 10px;
  right: 10px;
} */

.family-image-wrapper {
text-align: center;
overflow: hidden;
cursor: grab;
display: flex;
}

.family-image-wrapper img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease;
width: 100%;
/* border-radius: 32px; */
}
/* Home page Image  viewer block */

/* Home page testimonials */
.testimonial-wrapper-new {
color: white;
/* padding: 50px 0; */
overflow: hidden;
}

.testimonial-container-new {
display: flex;
max-width: 1192px;
margin: auto;
align-items: center;
gap: 42px;
padding: 0;
}

.testimonial-left-new {
flex: 1;
}

.testimonial-left-new h2 {
font-family: "Fraunces", serif;
font-weight: 400;
font-style: normal;
font-size: 36px;
line-height: 45px;
letter-spacing: 0;
margin: 32px 0 0 0;
color: #1f1f1f;
}
.what-say {
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 16px;
line-height: 100%; /* or 1 if using unitless */
letter-spacing: 0;
color: #3d2924;
}

.testimonial-slider-new {
flex: 2;
position: relative;
overflow: hidden;
width: 100%;
}

.testimonial-track-new {
display: flex;
transition: transform 0.5s ease;
gap: 24px;
width: 100%;
}

.testimonial-slide {
display: flex;
flex: 0 0 calc(66.67% - 12px);
min-width: calc(66.67% - 12px);
gap: 24px;
}
.haru-accordion--style-3 .haru-accordion-item {
padding: 32px;
background-color: #fff;
border-left: 6px solid #3d2924;
border-radius: 4px 16px 16px 4px;
color: #3d2924;
margin-bottom: 30px;
}
.haru-accordion--style-3 .haru-accordion-item.active {
border-left: 8px solid #f6b390;
border-radius: 4px 16px 16px 4px;
}

.elementor-element-21590d13 .haru-accordion--style-3 .haru-accordion-item {
margin-bottom: 16px;
padding: 32px;
background-color: #fff;
border-left: 6px solid #3d2924;
border-radius: 4px 16px 16px 4px;
color: #3d2924;
}

.elementor-element-21590d13
.haru-accordion--style-3
.haru-accordion-item.active {
border-left: 8px solid #f6b390;
border-radius: 4px 16px 16px 4px;
}

.testimonial-card-new {
color: #000;
padding: 40px;
background: #fff9f5;
color: #000;
border-radius: 24px;
flex: 1;
overflow: hidden;
}

.testimonial-card-new img.testimonial-image-new {
border-radius: 30px;
width: 60px;
height: 60px;
}

.testimonial-card-new .testimonial-new-content {
/* padding: 20px; */
}

.testimonial-card-new h3 {
/* margin: 0 0 10px; */
}

.testimonial-card-new .stars {
color: #f2b01e;
margin-bottom: 10px;
}

.testimonial-arrows-new {
margin-top: 32px;
display: flex;
gap: 16px;
}

.testimonial-new-content p {
margin-top: 24px;
color: #4c4c4c;
line-height: 140%;
font-family: "Outfit", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
/* margin-bottom: 42px; */
}

.testimonial-footer-new h3 {
margin-top: 10px;
font-family: "Inter", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 16px;
line-height: 100%;
letter-spacing: 0;
}

.testimonial-arrows-new button {
background: transparent !important;
color: #000;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 1.5rem;
cursor: pointer;
padding: 0;
}

.testimonial-arrows-new img {
width: 100%;
height: auto;
}

.testimonial-footer-new {
margin-top: 20px;
display: flex;
align-items: center;
gap: 10px;
/* padding: 0 20px 20px; */
}

.elementor-element-47fd35b2 .elementor-image-box-title {
margin-top: 11px;
}

/*footer */
#wpcf7-f5913-o2 input[type="text"],
#wpcf7-f5913-o2 input[type="email"],
#wpcf7-f5913-o2 textarea {
background-color: #fff;
box-shadow: none;
border-color: transparent;
color: #7e7e7e;
border-radius: 16px;
padding: 16px;
height: 61px;
}

#wpcf7-f5913-o2 .contact-form__row--cols-2 .contact-form__col:first-child {
padding-right: 4px;
}

#wpcf7-f5913-o2 .contact-form__row--cols-2 .contact-form__col:last-child {
padding-left: 4px;
}

#wpcf7-f5913-o2 textarea {
height: 121px;
}

#wpcf7-f5913-o2 input[type="text"]::placeholder,
#wpcf7-f5913-o2 input[type="email"]::placeholder,
#wpcf7-f5913-o2 textarea::placeholder {
color: #7e7e7e;
font-size: 16px;
font-family: "Outfit", Sans-serif;
}

#wpcf7-f5913-o2 .contact-form__submit--center {
width: 100%;
transform: translateX(0px);
}

#wpcf7-f5913-o2 .wpcf7-submit {
width: 100%;
height: 52px;
background-color: #3d2924;
color: #fff;
font-size: 16px;
font-family: "Outfit", Sans-serif;
}

#wpcf7-f5913-o2 .wpcf7-spinner {
position: absolute;
bottom: -30px;
}

.elementor-social-icons-wrapper .elementor-grid-item {
margin-right: 22px !important;
}

.elementor-social-icons-wrapper .elementor-grid-item:last-of-type {
margin-right: 0 !important;
}

.elementor-social-icons-wrapper .elementor-icon.elementor-social-icon {
height: 32px;
width: 32px;
}

@media (max-width: 768px) {
.testimonial-left-new {
  padding: 12px 16px;
  margin: 10px 12px;
  width: calc(100% - 24px);
  box-sizing: border-box;
}

.testimonial-track-new {
  gap: 0;
  justify-content: inherit;
}

.elementor-element-21590d13 .haru-accordion--style-3 .haru-accordion-item {
  padding: 10px;
}
/* .testimonial-slide {
      flex-direction: column;
  } */

.testimonial-card-new {
  flex: auto;
}

.testimonial-container-new {
  flex-direction: column;
  align-items: center;
}

.elementor-social-icons-wrapper .elementor-grid-item {
  margin-right: 12px !important;
}
}
/* Home page testimonials */

.haru-button.haru-button--style-4.haru-button--has-icon:before {
background-color: #f6b390 !important;
}

/* auth pages */
#myremembrance-wizard-form {
padding: 0 20px 80px 20px;
}

.customer_login_form_wrap {
padding: 0 20px;
}

.show-password-input {
background-color: transparent !important;
}

.prev-step,
.next-step {
margin-top: 26px;
margin-right: 12px;
}

/* .user-account-dashboard,
.haru-content-main-wrap {
  padding: 0 20px;
} */

/* .user-account-dashboard {
  padding-top: 30px;
} */
/* 
.haru-content-main-wrap {
  padding-top: 40px;
} */

.wc-block-components-checkout-place-order-button {
line-height: normal;
}

/* member page */

/* .haru-container,  */

/* .haru-container{
  max-width: none;
} */

body.tree-page .haru-container,
body.tree-page .haru-container.haru-container--large {
max-width: none;
}
body.single-haru_member .haru-container,
body.single-haru_member .haru-container.haru-container--large {
max-width: 1192px;
width: 100%;
padding: 0;
}

.single-member-top {
padding: 92px 0 !important;
}

.single-member-wrap.single-style-1 .single-member-avatar {
flex: 0 0 41%;
}

.single-member-wrap.single-style-1 .single-member-top-info {
padding-left: 42px;
}

.single-member-wrap.single-style-1 .single-member-title {
color: #3d2924;
font-size: 42px;
font-weight: 400;
}

.single-member-wrap.single-style-1 .single-member-time {
margin-bottom: 16px;
}

.single-member-wrap.single-style-1 .single-member-content {
color: #4c4c4c;
font-weight: 400;
}

.haru-button.haru-button--bg-primary {
background-color: #3d2924;
color: #fff;
font-family: "Outfit", Sans-serif;
font-weight: 400;
padding: 0 29px;
}

.single-member-wrap.single-style-1 .single-member-content {
margin-bottom: 42px;
}

.single-member-wrap.single-style-1 .member-view-tree {
margin-bottom: 0px;
}

.single-member-top-info .single-title {
margin-top: 42px;
border: none;
font-size: 28px;
color: #000;
font-weight: 400;
padding: 0;
}

.single-member-wrap.single-style-1 .info-item {
padding: 0;
}

.single-member-wrap.single-style-1 .info-item .info-label {
flex: inherit;
font-weight: 400;
padding-right: 10px;
}

.single-member-wrap.single-style-1 .info-item .info-content {
color: #1f1f1f;
font-weight: 400;
}

.single-member-qr-wrapper.member-qr-section {
margin: 0;
align-items: flex-start;
text-align: left;
}

.single-member-wrap.single-style-1 .single-member-top-info .single-title {
margin-top: 42px;
border: none;
font-size: 28px;
color: #000;
font-weight: 400;
padding: 0;
}

.single-member-qr-wrapper.member-qr-section .single-title {
font-size: 42px;
color: #3d2924;
font-weight: 400;
margin: 0;
padding: 0;
border-top: none;
}

.archive-product .layout-grid .product-item.product-category,
.archive-product .layout-grid .product-item.style-1 {
padding: 0;
overflow: hidden;
}

.product-top {
border-radius: 0;
}

.product-thumbnail img {
border-radius: 0;
}

.product-info {
text-align: left;
padding: 16px;
}

.product-info .woocommerce-loop-product__title {
margin-top: 0;
}

.archive-product .grid-columns-4.layout-grid .grid-item {
width: calc(25% - 30px);
}

.archive-product .layout-grid.grid-columns-4 {
gap: 30px;
justify-content: space-between;
margin: 0;
}

.archive-product .layout-grid .add_to_cart_button {
width: 100%;
justify-content: space-between;
gap: 20px !important;
}

.archive-product .layout-grid .new-cart-btn {
margin-top: 24px;
}

.archive-product.products {
padding: 0 15px;
}

.woocommerce-page .button {
background-color: #f6b390 !important;
}

a.button.empty-cart-button {
background-color: transparent !important;
}

.haru-button.haru-button--bg-black:hover {
background-color: #f6b390;
}

.wc-block-checkout__actions
.wc-block-checkout__actions_row
.wc-block-components-checkout-place-order-button {
padding: 0;
}

.single-product-summary .product_title {
font-size: 36px;
font-weight: 400;
color: #1f1f1f;
margin-bottom: 8px;
}

.custom-product-description {
color: #4c4c4c;
font-family: "Outfit" !important;
}
p.memorial-fields-description {
letter-spacing: 0.1px;
color: #000;
font-family: "Outfit";
font-size: 12px;
}
.woocommerce table tr,
.woocommerce-page table tr,
.woocommerce-js table tr {
font-size: 12px;
}
.custom-product-description .read-more-toggle {
display: inline-block;
color: #f6b390;
text-decoration: none;
font-weight: 500;
cursor: pointer;
transition: color 0.3s ease;
font-family: "Outfit" !important;
}

.custom-product-description .read-more-toggle:hover {
color: #666;
text-decoration: underline;
}

.custom-product-description .product-description-short,
.custom-product-description .product-description-full {
margin-bottom: 0;
}

.custom-product-description .product-description-full {
display: none;
}

.single-product-top .price {
font-size: 18px;
line-height: 14px;
}

.amount bdi {
color: #1f1f1f;
font-weight: 400;
font-size: 18px;
}

.woocommerce-product-details__short-description h3 {
margin-top: 4px;
margin-bottom: 16px;
font-size: 28px;
color: #1f1f1f;
}

/* .single-product-top form.cart {
      display: flex;
  align-items: center;
      justify-content: space-between;
          padding-top: 32px;
          margin: 0;
} */

.haru-buy-now-btn.position-after_add_to_cart {
margin: 0;
}

button.single_add_to_cart_button.button.alt:first-of-type {
margin-right: 10px;
}

button.single_add_to_cart_button.button.alt.haru-buy-now-btn.position-after_add_to_cart {
display: none !important;
background-color: #3d2924 !important;
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: "Outfit" !important;
}

button.single_add_to_cart_button.button.alt {
background-color: transparent !important;
border: 1px solid #1f1f1f;
color: #1f1f1f;
font-weight: 400;
font-size: 16px;
font-family: "Outfit" !important;
}

.single-product-top .single-product-image-wrap {
width: 40%;
}

.single-product-top .single-product-summary {
width: 60%;
}

.single-product-top .single-product-image-wrap .slick-slide img {
display: block;
width: 100%;
}

.single-product-top .single-product-image-wrap .product-images-wrap {
border-radius: 24px;
}

.product .single-product-top {
margin: 0;
padding: 94px 20px;
}

.single-product-bottom {
margin-top: 24px;
padding: 0 20px;
}

.woocommerce-tabs .tabs {
text-align: left;
border-bottom: none;
margin: 0;
}

.woocommerce-tabs .tabs li a {
padding: 0;
font-size: 42px;
color: #3d2924;
font-weight: 400;
line-height: 52px;
}

.reviews_tab a {
font-size: 28px !important;
}

.woocommerce-tabs .tabs li.active a {
color: #3d2924;
}

.woocommerce-tabs .tabs li.active a:before {
display: none;
}

.single-product-bottom #reviews {
padding: 0;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
padding: 0;
}

#comments {
padding-top: 20px;
}

.woocommerce p.stars a:before,
.star-rating span:before {
color: #f6b390;
}

.woocommerce-tabs
.woocommerce-Reviews
#comments
.commentlist
.comment_container
img {
flex: 0 0 36px;
width: 36px;
margin-right: 12px;
}

.woocommerce-tabs
.woocommerce-Reviews
#comments
.commentlist
.comment_container
.comment-text
.woocommerce-review__author {
font-size: 14px;
color: #0d0c22;
font-weight: 500;
}

.woocommerce-tabs
.woocommerce-Reviews
#comments
.commentlist
.comment_container
.comment-text
.meta
time {
font-weight: 600;
color: #858585;
font-size: 12px;
margin-bottom: 12px;
font-style: normal;
}

.woocommerce-tabs
.woocommerce-Reviews
#comments
.commentlist
.comment_container
.comment-text
.meta {
margin-bottom: 12px;
}

.woocommerce-tabs .woocommerce-Tabs-panel .description p {
color: #4c4c4c;
color: #4c4c4c;
font-size: 14px;
line-height: 18px;
}

/* Custom Display Box Tab Styles */
.custom-display-box-section {
padding: 20px 0;
}

.custom-display-box-section .display-box-description {
font-family: "Outfit";
color: #4c4c4c;
font-size: 18px;
line-height: 18px;
margin-bottom: 30px;
}

.haru-single-product .related,
.haru-single-product .upsells {
border-top: none;
padding: 0;
}

.haru-single-product .related .haru-heading,
.haru-single-product .upsells .haru-heading {
text-align: left;
font-size: 42px;
}

.related.products {
padding: 0 20px;
}

.related.products .slick-track {
margin-left: 0;
}

.haru-button.haru-button--outline-gray:hover {
background-color: #f6b390;
border-color: #f6b390;
}

.haru-button.haru-button--bg-primary:hover,
.haru-button.haru-button--bg-primary:focus {
background-color: #f6b390;
}

.haru-button.haru-button--bg-primary:hover img,
.haru-button.haru-button--bg-primary:focus img {
filter: invert(1);
}

.single-member-wrap.single-style-1 .single-member-bottom {
background-color: transparent;
margin: 0;
padding: 0;
}

.single-member-wrap.single-style-1 .single-member-bottom .single-member-slider {
background-color: #fff9f5;
padding: 112px 0;
margin-top: 92px;
}

.single-member-wrap.single-style-1 .single-member-images .single-title-2 {
text-align: left;
font-size: 42px;
color: #3d2924;
margin-bottom: 0;
padding: 0;
max-width: 796px;
}

.single-image-gallary-btn,
.single-video-btn {
font-size: 16px;
color: #000000;
font-weight: 400;
font-family: "Outfit" !important;
display: flex;
align-items: center;
gap: 8px;
margin-top: 26px;
margin-bottom: 42px;
}

.single-image-gallary-btn:hover,
.single-video-btn:hover {
color: #f6b390;
}

.single-image-gallary-btn p,
.single-video-btn p {
margin-bottom: 0;
}

.single-image-gallary-btn img,
.single-video-btn img {
background-color: #f6b390;
border-radius: 50%;
width: 32px;
height: 32px;
padding: 6px;
}

.image-list .slick-slide {
padding: 0 12px !important;
}

/* Make all images in slider the same height */
.image-list .image-item {
height: 300px;
display: flex;
overflow: hidden;
border-radius: 12px;
}

.image-list .image-item a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
touch-action: manipulation;
}

.image-list .image-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

@media screen and (max-width: 991px) {
.image-list .image-item {
  height: 250px;
}
}

@media screen and (max-width: 767px) {
.image-list .image-item {
  height: 200px;
}
}

.image-list .slick-list::after {
content: "";
width: 259px;
height: 97.5%;
position: absolute;
right: 12px;
z-index: 9999;
top: 0;
background: linear-gradient(
  270deg,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0) 100%
);
border-radius: 12px;
pointer-events: none;
}

.haru-cart .haru-cart-number {
background-color: #f6b390;
}

.single-member-bottom .testimonial-wrapper-new {
padding: 112px 0;
}

.single-member-bottom .testimonial-container-new {
align-items: stretch;
}

.single-member-bottom .testimonial-left-new {
display: flex;
flex-wrap: wrap;
}

.single-member-bottom .testimonial-left-new h2 {
font-size: 42px;
font-weight: 400;
color: #3d2924;
margin-top: 0;
}

.single-member-bottom .testimonial-wrapper-new p.video_content {
color: #4c4c4c;
font-size: 16px;
font-weight: 400;
font-family: "Outfit", sans-serif !important;
margin-top: 16px;
margin-bottom: 32px;
}

.single-video-btn {
margin: 0;
}

.single-video-btn p {
margin: 0;
}

.single-member-bottom .testimonial-arrows-new {
align-items: flex-end;
}

.single-member-bottom .testimonial-card-new {
padding: 0;
border-radius: 16px;
position: relative;
}

.single-member-bottom .play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}

img.testimonial-image-video-new {
width: 100%;
height: 100%;
object-fit: cover;
}

.haru-single-member .testimonial-card-new:after {
background-color: rgb(0 0 0 / 50%);
content: "";
position: absolute;
z-index: 9;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
}

.single-member-bottom .testimonial-slide {
position: relative;
flex: 0 0 calc(66.67% - 12px) !important;
min-width: calc(66.67% - 12px) !important;
max-width: calc(66.67% - 12px) !important;
}

.single-member-bottom .testimonial-slider-new {
overflow: hidden !important;
}

.single-member-bottom .testimonial-track-new {
width: auto;
}

.single-member-bottom .testimonial-slide:after {
content: "";
width: 259px;
height: 100%;
position: absolute;
right: -1px;
z-index: 9;
top: 0;
background: linear-gradient(
  270deg,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0) 100%
);
border-radius: 12px;
}

.single-member-wrap.single-style-1 .member-text-scroll {
padding: 62px 0;
background-color: #fff9f5;
}

.single-member-wrap.single-style-1
.member-text-scroll
.member-text-scroll-item
h6 {
color: #7e7e7e;
font-size: 42px;
display: flex;
align-items: center;
}

.single-member-wrap.single-style-1
.member-text-scroll
.member-text-scroll-item {
opacity: 1;
}

.single-member-wrap.single-style-1
.member-text-scroll
.member-text-scroll-item
h6:after {
font-size: 28px;
margin-bottom: -16px;
}

/* #haru-bottom-toolbar {
  z-index: 11;
} */

.tree-root-thumbnail {
width: 160px;
height: 160px;
}

.haru-container-large-tree {
background-color: #fff9f5;
padding: 92px 0;
}

.tree-root-title {
font-size: 60px;
color: #3d2924;
line-height: normal;
}

.member-item__date {
color: #4c4c4c;
font-size: 16px;
font-weight: 500;
font-family: "Outfit", sans-serif !important;
}

.single-tree-root-more {
margin-bottom: 0;
}
.tree-root-btn {
padding: 18px 24px;
font-weight: 300;
}

.tree-root-btn img {
width: 24px;
height: 24px;
margin-left: 8px;
margin-top: 2px;
}

.haru-fp-tree .haru-fp-tree-wrap {
background-color: transparent;
padding: 80px 20px;
}

.haru-fp-tree .buttons {
left: 0;
}

.buttons .zoom-in,
.buttons .zoom-out {
border-radius: 12px;
background-color: #f6f4f3;
padding: 16px 24px;
color: #1f1f1f;
font-size: 16px;
height: auto;
line-height: 24px;
box-shadow: none;
}

#panzoom-tree-15065 {
padding-top: 88px;
}

.tree-root-btn-more a:after {
display: none;
}

.buttons .zoom-in:hover,
.buttons .zoom-out:hover {
background-color: #f6b390;
transition: all 0.3s;
}

.buttons .tree-zoom-reset .reset:hover {
color: #000;
background-color: #f6b390;
transition: all 0.3s;
}

.haru-account--style-2 .haru-button:first-child {
margin-right: 0px;
}

.haru-fp-tree:has(.tree.vertical) {
max-height: inherit;
}

/* .haru-fp-tree .tree.vertical li:only-child {
  padding: 20px 8px 0 8px;
} */

/* .haru-fp-tree .tree.vertical ul ul::after {
      content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 20%;
  height: 20px;
  border-bottom: 1px solid red;
  margin: 0 auto;

} */

/* .haru-fp-tree .tree.vertical li:only-child::before {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1.5px solid #c3c3c3;
  width: 10%;
  height: 20px;
}

.haru-fp-tree .tree.vertical li:only-child .gender-female:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-top: 1.5px solid #c3c3c3;
  width: 10%;
  height: 20px;
}

.haru-fp-tree .tree.vertical li:only-child .gender-male:after {
  content: '';
  position: absolute;
  top: 0;
  right: 40%;
  border-left: 1.5px solid #c3c3c3;
  width: 0;
  height: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


.haru-fp-tree .tree.vertical li:only-child .gender-female:after {
  content: '';
  position: absolute;
  top: 0;
  left: 40%;
  border-left: 1.5px solid #c3c3c3;
  width: 0;
  height: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
} */

/* .haru-fp-tree .tree.vertical li {
  position: relative;
}

.haru-fp-tree .tree.vertical li:only-child:before {
  display: block !important;
  content: '';
  position: absolute;
  top: 0;
  left: 40%;
  border-top: 1.5px solid #c3c3c3;
  width: 20%;
  height: 20px;
  border-left: 1.5px solid #c3c3c3;
  border-radius: 5px 5px 0 0;
} */

/* .haru-fp-tree .tree.vertical li:last-child::before {
  border-right: none;
  border-radius: 0 5px 0 0;
  border-top: 1.5px solid #c3c3c3;
  width: 100%;
  right: 37%;
}

.haru-fp-tree .tree.vertical li:last-child .gender-male:before {
  border-right: 1.5px solid #c3c3c3;
  border-radius: 0 5px 0 0;
  content: '';
  position: absolute;
  top: 0;
  left: -20%;
  width: 50%;
  height: 20px;
}

.haru-fp-tree .tree.vertical li:last-child .gender-female:before {
  border-right: 1.5px solid #c3c3c3;
  border-radius: 0 5px 0 0;
  content: '';
  position: absolute;
  top: 0;
  right: 37%;
  width: 100%;
  height: 20px;
}

.haru-fp-tree .tree.vertical li:only-child:before .gender-male:before,
.haru-fp-tree .tree.vertical li:only-child:before .gender-female:before,
.haru-fp-tree .tree.vertical li:first-child:before .gender-male:before,
.haru-fp-tree .tree.vertical li:first-child:before .gender-female:before {
  display: none;
} */

/* .haru-fp-tree .tree.vertical li:last-child::before {
  border-right: none;
} */

/* .haru-fp-tree .tree.vertical li::after {
  border-left: none;
} */

/* .haru-fp-tree .tree.vertical li:last-child::after {
      border-top: 1.5px solid #c3c3c3;
}

.haru-fp-tree .tree.vertical li > .family-node-wrapper {
  display: flex;
  justify-content: center;
} */

/* .haru-fp-tree .tree.vertical li:last-child > .family-node-wrapper:before {
  padding: 20px;
  content: '';
  top: 0;
  position: absolute;
  width: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.haru-fp-tree .tree.vertical li:last-child > .family-node-wrapper > .gender-male {
  position: relative;
} */

/* .haru-fp-tree .tree.vertical li:last-child > .family-node-wrapper > .gender-male:before {
 border-right: 1px solid #c3c3c3;
  top: -14%;
  position: absolute;
  width: 50%;
  left: -2%;
  height: 20px;
  margin: 0 auto;
  border-radius: 5px 0px 0 0;
}

.haru-fp-tree .tree.vertical li:last-child > .family-node-wrapper > .gender-female {
  position: relative;
} */

/* .haru-fp-tree .tree.vertical li:last-child > .family-node-wrapper > .gender-female:before {
 border-right: 1px solid #c3c3c3;
  content: '';
  top: -14%;
  position: absolute;
  width: 50%;
 right: 47%;
  height: 20px;
  margin: 0 auto;
  border-radius: 5px 0px 0 0;
}

.haru-fp-tree .tree.vertical li:only-child > .family-node-wrapper:before,
.haru-fp-tree .tree.vertical li:first-child > .family-node-wrapper:before {
  display: none;
}  */

.family-node-wrapper {
display: flex;
justify-content: center;
gap: 0 !important;
}

.family-tree li span .node-name {
color: #1f1f1f !important;
}
.haru-header__desktop {
/* border-bottom: 1px solid #E9E4E2; */
padding: 0 14px;
}

.digital-memorial {
padding: 92px 0;
}

.digital-memorial .wpstt-main-title {
color: #1f1f1f;
font-weight: normal;
margin-bottom: 8px;
}

p.wpstt-main-description {
width: 100%;
color: #4c4c4c;
font-size: 16px;
max-width: 100%;
font-family: "Outfit", sans-serif !important;
}

.digital-memorial .e-con-inner {
max-width: 1192px !important;
margin: 0 auto !important;
padding: 0 !important;
}

.digital-memorial .wpstt-main-header {
padding: 0px 20px 42px 20px;
}

.digital-memorial .wpstt-step-nav {
padding: 0 20px;
border: none;
background-color: transparent;
}

#haru-content-main:has(.single-member-wrap.single-style-1) {
padding: 0 20px;
}

.contact-form__input.contact-form__message {
width: 100%;
}

.digital-memorial #wpstt-progress-fill {
background: #3d2924;
}

.digital-memorial .wpstt-progress-bar {
background: #f6f4f3;
}

.digital-memorial .wpstt-progress-container {
gap: 24px;
margin-bottom: 24px;
}

.digital-memorial #wpstt-progress-text {
color: #1f1f1f;
font-size: 14px;
font-weight: normal;
font-family: "Outfit", sans-serif !important;
}

.digital-memorial .wpstt-step-nav {
margin-bottom: 14px;
}

.digital-memorial .wpstt-step-content {
padding: 24px;
border: 1px solid #e9e4e2;
border-radius: 16px;
width: 92%;
margin: 0 auto;
}

.digital-memorial .wpstt-section-header h2 {
font-weight: 400;
font-size: 28px;
color: #1f1f1f;
}

.digital-memorial .wpstt-section-header {
margin-bottom: 24px;
padding-bottom: 0;
border-bottom: none;
}

.digital-memorial .wpstt-card {
padding: 0;
border-radius: 0;
margin-top: 16px !important;
}

.digital-memorial .wpstt-section-header + .wpstt-card {
margin-top: 0 !important;
}

.digital-memorial .wpstt-label {
color: #1f1f1f;
font-size: 16px;
font-weight: normal;
font-family: "Outfit", sans-serif !important;
margin-bottom: 12px;
}

.digital-memorial .wpstt-textarea {
background-color: transparent;
border: 1px solid #e9e4e2;
border-radius: 12px;
padding: 16px;
color: #7e7e7e;
font-size: 16px;
font-weight: 400;
font-family: "Outfit", sans-serif !important;
min-height: 56px;
}

.digital-memorial .wpstt-msg-flex {
gap: 24px;
}

.digital-memorial .wpstt-btn {
background: transparent !important;
padding: 15px 16px;
border: 1px solid #3d2924;
line-height: normal;
height: auto;
border-radius: 12px;
color: #3d2924;
font-size: 16px;
align-items: center;
display: flex;
gap: 8px;
font-family: "Outfit", sans-serif !important;
font-weight: 400;
}

.digital-memorial .wpstt-btn img {
width: 24px !important;
height: 24px !important;
object-fit: contain;
margin-right: 8px;
}

.digital-memorial .wpstt-ai-btn {
background: #f6b390 !important;
border-color: transparent;
}

.digital-memorial .wpstt-status-row {
margin: 0;
}

.digital-memorial .wpstt-row {
margin: 0;
}

.digital-memorial .wpstt-row:last-of-type {
margin: 10px 0 0;
}

.digital-memorial .wpstt-step-navigation {
border-top: none;
margin-top: 32px;
padding-top: 0;
}

.digital-memorial .wpstt-next-step {
padding: 16px 54px;
background-color: #3d2924 !important;
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: "Outfit", sans-serif !important;
border-radius: 12px;
}

.digital-memorial .wpstt-prev-step {
padding: 16px 40px;
border-color: #1f1f1f;
color: #1f1f1f;
border-radius: 12px;
font-family: "Outfit", sans-serif !important;
font-size: 16px;
font-weight: 400;
}

.digital-memorial .wpstt-row h3 {
font-weight: 400;
font-size: 24px;
color: #1f1f1f;
}

.digital-memorial .wpstt-box.wpstt-ai {
background-color: #f6f4f3;
border-color: #f6f4f3;
padding: 16px;
color: #4c4c4c;
font-size: 16px;
font-weight: 400;
}

.digital-memorial .wpstt-step-navigation {
justify-content: flex-start;
gap: 12px;
}

.digital-memorial .wpstt-cancel-btn {
padding: 16px 40px;
border-color: #1f1f1f;
color: #1f1f1f;
border-radius: 12px;
font-family: "Outfit", sans-serif !important;
font-size: 16px;
font-weight: 400;
}

.digital-memorial .wpstt-generate-btn {
background: #f6b390 !important;
border-color: transparent;
padding: 16px 40px;
line-height: normal;
height: auto;
border-radius: 12px;
color: #3d2924;
font-size: 16px;
align-items: center;
display: flex;
gap: 8px;
font-family: "Outfit", sans-serif !important;
font-weight: 400;
}

.digital-memorial .wpstt-preview-section {
background: transparent;
padding: 24px;
}

.digital-memorial .wpstt-preview-section h3 {
font-weight: 400;
font-size: 28px;
color: #1f1f1f;
margin: 0 0 24px 0;
padding-bottom: 24px;
}

.digital-memorial .wpstt-preview-item {
padding: 0;
background: transparent;
border-radius: 0;
border: none;
}

.digital-memorial .wpstt-preview-item h4 {
color: #1f1f1f;
font-size: 16px;
font-weight: 400;
font-family: "Outfit", sans-serif !important;
}

.digital-memorial .wpstt-preview-text {
color: #4c4c4c;
font-size: 16px;
font-weight: 400;
font-family: "Outfit", sans-serif !important;
}

.wpstt-preview-item h4 {
margin-bottom: 4px;
}

#comments .haru-heading.comments-title {
text-align: left;
padding: 0;
font-size: 42px;
color: #3d2924;
font-weight: 400;
line-height: 52px;
margin-bottom: 42px;
}

#comments .comment-list li .author-avatar {
width: 36px;
}

#comments .comment-list li .author-avatar img {
width: 36px;
margin-right: 12px;
}

#comments .comment-list li .comment-text {
padding-left: 12px;
display: flex;
justify-content: space-between;
padding-top: 5px;
}

#comments .comment-list li .comment-text .author .author-name {
font-size: 14px;
color: #0d0c22;
font-weight: 500;
}

#comments .comment-list li .text {
color: #0d0c22;
font-size: 14px;
line-height: 18px;
white-space: pre-line;
}

#comments .comment-list li .text p {
margin: 0;
}

#comments .comment-list li .comment-meta-date {
margin-bottom: 12px;
}

#comments .comment-list li .comment-meta-date .time {
font-weight: 600;
color: #858585;
font-size: 12px;
}

#comments #reply-title {
color: #000;
display: block;
margin-bottom: 15px;
font-weight: 500;
font-size: 20px;
text-align: left;
}

#comments .comment-form-cookies-consent {
margin-bottom: 25px;
display: flex;
align-items: flex-start;
}

#comments .comment-form-cookies-consent label {
margin: 0;
}

.woocommerce-tabs .woocommerce-Reviews label {
color: #0d0c22;
font-weight: 400;
}

#comments .comment-form-cookies-consent label {
color: #0d0c22;
font-weight: 400;
line-height: 19px;
text-align: left;
}

#comments #respond-wrapper .comment-form input[type="checkbox"],
#comments .comment-respond .comment-form input[type="checkbox"] {
top: 3px;
}

#comments
.comment-list
li
.comment-text
.comment-meta
.comment-meta-action
a:first-child {
border-left: none;
padding-left: 0;
}

#comments .comment-list li .comment-body {
padding: 0;
margin-bottom: 0;
}

#comments #respond-wrapper .comment-form .form-submit,
#comments .comment-respond .comment-form .form-submit {
float: left;
}

.form-submit input#submit {
font-family: "Outfit", sans-serif !important;
font-weight: 400;
color: #3d2924;
}

#wpstt-state-2 {
margin-top: 10px;
}

#haru-footer .e-con-inner {
padding-left: 14px;
padding-right: 14px;
}

.account-login-text {
padding-left: 20px;
}

/* media */
@media screen and (max-width: 1050px) {
#haru-header .haru-button {
  padding: 0 18px !important;
}
.haru-nav-menu--main .haru-nav-menu .haru-item--main {
  padding: 13px 10px;
}
}

@media screen and (max-width: 1024px) {
.account-login-text {
  text-align: center !important;
}
.haru-header__desktop {
  padding: 0;
}

.haru-header {
  z-index: 999;
  background-color: #fff;
  position: static;
}
#haru-header .haru-button {
  padding: 0 10px !important;
  line-height: 46px !important;
}
.haru-cart--style-2 .haru-cart-opener {
  height: auto;
}
.haru-account--style-2 .haru-button:first-child {
  margin-right: 10px;
}

/* #haru-header .haru-button span {
      line-height: 26px !important;
  } */

.elementor-element-b09cb8a .haru-cart-opener a .haru-cart-icon {
  height: 48px !important;
}

.elementor-element-a0b38aa
  .haru-account__content.logged-in
  .haru-account__link {
  line-height: 48px !important;
  min-height: 48px !important;
}

.elementor-element-b09cb8a .haru-cart-opener a {
  line-height: 48px !important;
  height: 48px !important;
}

.elementor-widget-haru-woo-cart .elementor-widget-container,
.elementor-8221
  .elementor-element.elementor-element-c8a84a9
  > .elementor-widget-container {
  margin: 0px 0px 0px 10px !important;
}

.elementor-8221 .elementor-element.elementor-element-aaa5806 {
  justify-content: center;
}

.remembrance-block-right img {
  height: auto !important;
  width: 100%;
}

.elementor-element-d3cd8df .slick-slide {
  padding: 0 14px !important;
}

.testimonial-left-new h2 {
  font-size: 28px;
  line-height: 36px;
  margin: 16px 0 0 0;
}

.testimonial-arrows-new {
  margin-top: 16px;
}

.testimonial-left-new {
  width: 100%;
}

.haru-nav-menu {
  position: fixed;
  z-index: 9999;
  background-color: #fff;
  width: 95%;
}

.haru-nav-menu--dropdown .haru-item:hover,
.haru-nav-menu--dropdown .haru-item:focus,
.haru-nav-menu--dropdown .haru-item.highlighted,
.haru-nav-menu--dropdown .haru-item.haru-item-active {
  background-color: #3d2924;
}

.archive-product .grid-columns-4.layout-grid .grid-item {
  width: calc(100% - 30px);
  margin: 0 auto;
}

.archive-product .layout-grid .product-item.product-category,
.archive-product .layout-grid .product-item.style-1 {
  margin-bottom: 0;
}

a.button.empty-cart-button {
  margin: 20px 0 0;
}

.product .single-product-top {
  padding: 40px 20px;
}

.single-product-top .single-product-image-wrap {
  width: 100%;
}

.single-product-top .single-product-summary {
  width: 100%;
}

.woocommerce-product-details__short-description h3 {
  margin-top: 20px;
}

.single-product-bottom {
  padding: 0 20px;
}

.woocommerce-tabs .haru-accordion-title.active {
  color: #f6b390;
}

.related.products {
  padding: 0 20px;
}

.single-product-summary .product_title {
  font-size: 30px;
}

.haru-single-product .related .haru-heading,
.haru-single-product .upsells .haru-heading {
  font-size: 28px;
  margin-bottom: 0;
}

.single-member-top {
  padding: 36px 0 !important;
}

.single-member-wrap.single-style-1 .single-member-avatar {
  flex: 0 0 100%;
}

.single-member-wrap.single-style-1 .single-member-top-info {
  padding-left: 0;
}

.single-member-qr-wrapper.member-qr-section {
  padding: 0;
}

.single-member-qr-wrapper.member-qr-section .single-title {
  font-size: 28px;
}

.single-member-qr-section div {
  flex-wrap: wrap;
  justify-content: center;
}

.single-member-wrap.single-style-1
  .single-member-bottom
  .single-member-slider {
  padding: 40px 20px;
  margin-top: 30px;
}

.single-member-wrap.single-style-1 .haru-slick--nav-center .slick-prev {
  left: 0;
}

.single-member-wrap.single-style-1 .haru-slick--nav-center .slick-next {
  right: 0;
}

.single-member-wrap.single-style-1 .single-member-images .single-title-2 {
  font-size: 28px;
}

.image-list .slick-list::after {
  right: 9px;
}

.single-member-bottom .testimonial-wrapper-new {
  padding: 40px 20px;
}

.single-member-bottom .testimonial-left-new h2 {
  font-size: 28px;
}

.single-member-bottom .testimonial-wrapper-new p.video_content {
  margin: 8px 0;
}

.single-member-wrap.single-style-1 .member-text-scroll {
  padding: 30px 0;
}

.haru-container-large-tree {
  padding: 36px 0;
}

.tree-root-title {
  font-size: 30px;
}

.buttons .zoom-in,
.buttons .zoom-out {
  padding: 14px;
}

.haru-fp-tree .buttons {
  justify-content: center;
  overflow: auto;
  width: 100%;
  white-space: nowrap;
}

.haru-fp-tree .haru-fp-tree-wrap {
  padding: 30px 20px;
}

.digital-memorial {
  padding: 20px 20px;
}

.digital-memorial .wpstt-main-header {
  padding: 0px 20px 20px 20px;
}

.digital-memorial .wpstt-step-nav {
  padding: 0 20px;
}

.digital-memorial .wpstt-step-content {
  width: 92%;
  margin: 0 auto;
  padding: 12px;
}

.digital-memorial .wpstt-section-header h2 {
  font-size: 24px;
}

.digital-memorial .wpstt-section-header {
  margin-bottom: 10px;
}

.digital-memorial .wpstt-textarea {
  min-height: 96px;
}

#comments.post-comments {
  padding: 20px 0 0 0;
}

#comments .haru-heading.comments-title {
  font-size: 30px;
  margin-bottom: 24px;
  line-height: normal;
}

.comment-form-author,
.comment-form-email {
  margin-bottom: 14px;
}

.woocommerce-tabs
  .woocommerce-Reviews
  #review_form_wrapper
  .comment-form
  .comment-form-author,
.woocommerce-tabs
  .woocommerce-Reviews
  #review_form_wrapper
  .comment-form
  .comment-form-email {
  width: 100%;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.contact-form__row {
  flex-direction: column;
  gap: 20px;
}

.contact-form__row--cols-2 .contact-form__col {
  width: 100%;
}

#haru-footer .e-con-inner {
  padding-left: 14px;
  padding-right: 14px;
}

.registration-type-label {
  width: 100%;
  margin-bottom: 15px;
}

.registration-type-label:last-child {
  margin-bottom: 0;
}
/* Memorial QR Template - Mobile Responsive */
.memorial-qr-container {
  padding: 20px 0;
}

.memorial-qr-code-container {
  flex-direction: column;
  gap: 30px;
}

.memorial-qr-image-small,
.memorial-qr-image-large {
  max-width: 100%;
}
}

@media (max-width: 1024px) and (min-width: 768px) {
.haru-header__desktop
  .elementor-8221
  .elementor-element.elementor-element-39ff3dde {
  --width: 47% !important;
}
.haru-header__desktop
  .elementor-8221
  .elementor-element.elementor-element-7f07d38a {
  --width: 23% !important;
}

.haru-nav-menu {
  position: fixed;
  z-index: 9999;
  background-color: #fff;
  width: 95%;
}
}

@media screen and (max-width: 900px) {
#haru-header .haru-button {
  padding: 0px 14px !important;
}
}

@media screen and (max-width: 821px) {
#haru-header .haru-button {
  padding: 0px 10px !important;
}
}

@media screen and (max-width: 392px) {
#haru-header .haru-button {
  line-height: normal !important;
}
}

/* Reseller Products Sold Page - Table Styles (Admin) */
.reseller-products-summary {
margin: 20px 0;
padding: 15px;
background-color: #f0f0f1;
border-left: 4px solid #2271b1;
}

.reseller-products-summary h2 {
margin-top: 0;
}

.reseller-products-summary p {
font-size: 16px;
margin: 5px 0;
}

.reseller-products-search {
margin: 20px 0;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
gap: 15px;
}

.reseller-products-search > div:first-child {
flex: 1;
min-width: 300px;
}

.reseller-products-search label {
display: block;
margin-bottom: 8px;
font-weight: 600;
}

#reseller-products-search-input {
width: 100%;
max-width: 500px;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 14px;
}

#reseller-products-search-results {
display: inline-block;
margin-left: 10px;
color: #666;
font-size: 13px;
}

#export-all-btn {
height: 36px;
padding: 0 20px;
}

#export-all-btn .dashicons {
vertical-align: middle;
margin-right: 5px;
}

.reseller-products-table-wrapper {
margin-top: 20px;
}

#reseller-products-table th {
width: auto;
}

/* Admin user table column widths */
#reseller-products-table.admin-user th:first-child {
width: 8%;
}

#reseller-products-table.admin-user th:nth-child(2) {
width: 12%;
}

#reseller-products-table.admin-user th:nth-child(3) {
width: 10%;
}

#reseller-products-table.admin-user th:nth-child(4) {
width: 10%;
}

#reseller-products-table.admin-user th:nth-child(5) {
width: 15%;
}

#reseller-products-table.admin-user th:nth-child(6) {
width: 12%;
}

#reseller-products-table.admin-user th:nth-child(7) {
width: 15%;
}

#reseller-products-table.admin-user th:nth-child(8) {
width: 10%;
}

#reseller-products-table.admin-user th:nth-child(9) {
width: 10%;
}

#reseller-products-table.admin-user th:nth-child(10) {
width: 10%;
}

#reseller-products-table.admin-user th:nth-child(11) {
width: 15%;
}

#reseller-products-table.admin-user th:last-child {
width: 8%;
}

/* Non-admin user table column widths */
#reseller-products-table:not(.admin-user) th:first-child {
width: 10%;
}

#reseller-products-table:not(.admin-user) th:nth-child(2) {
width: 12%;
}

#reseller-products-table:not(.admin-user) th:nth-child(3) {
width: 12%;
}

#reseller-products-table:not(.admin-user) th:nth-child(4) {
width: 20%;
}

#reseller-products-table:not(.admin-user) th:nth-child(5) {
width: 15%;
}

#reseller-products-table:not(.admin-user) th:nth-child(6) {
width: 18%;
}

#reseller-products-table:not(.admin-user) th:nth-child(7) {
width: 13%;
}

#reseller-products-table:not(.admin-user) th:nth-child(8) {
width: 12%;
}

#reseller-products-table:not(.admin-user) th:nth-child(9) {
width: 12%;
}

#reseller-products-table:not(.admin-user) th:nth-child(10) {
width: 18%;
}

#reseller-products-table:not(.admin-user) th:last-child {
width: 8%;
}

#reseller-products-table .na-text {
color: #999;
}

#reseller-products-table .product-number-text {
font-size: 14px;
color: #2271b1;
font-family: monospace;
}

#reseller-products-table .info-text {
color: #666;
font-size: 11px;
}

#reseller-products-table .status-detail {
color: #666;
font-size: 11px;
margin-top: 4px;
display: block;
}

#reseller-products-table .redirect-url-link {
color: #2271b1;
word-break: break-all;
}

#reseller-products-table .origin-text {
font-weight: bold;
}

#reseller-products-table .origin-text.origin-third-party {
color: #2271b1;
}

#reseller-products-table .origin-text.origin-direct {
color: #666;
}

#reseller-products-table .status-activated {
color: #46b450;
font-weight: bold;
}

#reseller-products-table .status-not-activated {
color: #dc3232;
font-weight: bold;
}

#reseller-products-table .pending-btn {
margin-top: 5px;
background-color: #ffc107;
color: #333;
border-color: #ffc107;
cursor: not-allowed;
}

#reseller-products-table .order-status {
background-color: #46b450;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
font-size: 11px;
font-weight: 600;
}

#reseller-products-table .order-status.status-processing {
background-color: #ff9800;
width: 78px;
}

#reseller-products-table .button-small {
margin-top: 5px;
}

#reseller-products-table .button-small[disabled] {
background-color: #ccc;
color: #666;
border-color: #ccc;
cursor: not-allowed;
opacity: 0.6;
}

#reseller-products-table .resend-invite-btn {
background-color: #2271b1;
color: #fff;
border-color: #2271b1;
}

#reseller-products-table .invite-user-btn {
background-color: #2271b1;
color: #fff;
border-color: #2271b1;
}

#reseller-products-table .show-qr-code-btn {
background-color: #46b450;
color: #fff;
border-color: #46b450;
}

#reseller-products-table .add-third-party-url-btn {
background-color: #2271b1;
color: #fff;
border-color: #2271b1;
}

#reseller-products-table .export-row-btn {
background-color: #00a32a;
color: #fff;
border-color: #00a32a;
}

.reseller-products-pagination {
margin: 20px 0;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

.reseller-products-pagination .pagination-info {
color: #666;
font-size: 14px;
}

.reseller-products-pagination .pagination-controls {
display: flex;
gap: 5px;
align-items: center;
}

.reseller-products-pagination #pagination-page-info {
padding: 0 10px;
color: #666;
}

.reseller-products-pagination .pagination-per-page {
display: flex;
align-items: center;
gap: 8px;
}

.reseller-products-pagination .pagination-per-page label {
color: #666;
font-size: 14px;
}

.reseller-products-pagination #pagination-per-page-select {
padding: 4px 8px;
border: 1px solid #ddd;
border-radius: 3px;
}

/* WordPress Admin Login Page Customizations */
body.login {
background-image: var(--login-bg-url);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

body.login div#login h1 a {
background-image: var(--login-logo-url);
background-size: contain;
width: 100%;
height: 120px;
}

#loginform {
background: rgba(255, 255, 255, 0.9);
border-radius: 12px;
padding: 30px !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.wp-core-ui .button-primary {
background-color: #3d2924 !important;
border-color: #3d2924 !important;
box-shadow: none !important;
text-shadow: none !important;
}

.wp-core-ui .button-primary:hover {
background-color: #5a3c35 !important;
border-color: #5a3c35 !important;
}

.login #nav a,
.login #backtoblog a {
color: #ffffff !important;
text-decoration: none;
}

.wp-hide-pw .dashicons {
color: #3d2924 !important;
}

.wp-hide-pw:hover .dashicons {
color: #5a3c35 !important;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
border-color: #3d2924 !important;
box-shadow: 0 0 8px rgba(61, 41, 36, 0.5) !important;
outline: none !important;
background-color: #f9f5f4 !important;
color: #3d2924 !important;
}

/* Shortcodes CSS - Extracted from inline styles */

/* Error Message Boxes */
.activation-error-box {
max-width: 600px;
margin: 50px auto;
padding: 30px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border: 2px solid #dc3545;
}

.activation-error-box__content {
text-align: center;
margin-bottom: 30px;
}

.activation-error-box__icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
background-color: #dc3545;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}

.activation-error-box__icon--warning {
background-color: #ffc107;
}

.activation-error-box__title {
color: #dc3545;
margin-bottom: 15px;
}

.activation-error-box__title--warning {
color: #333;
}

.activation-error-box__text {
color: #666;
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
}

.activation-error-box__text-small {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 30px;
}

.activation-error-box__link {
color: #2271b1;
text-decoration: underline;
}

.activation-error-box__button {
display: inline-block;
padding: 12px 30px;
background-color: #2271b1;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
transition: background-color 0.3s;
margin-right: 10px;
}

.activation-error-box__button--secondary {
background-color: #6c757d;
margin-right: 0;
}

.woocommerce-form.woocommerce-form-register.register {
padding: 0 20px 80px 20px;
}
/* Registration Type Selection */
#registration-type-selection {
margin-bottom: 30px;
padding: 20px;
border-radius: 8px;
}

.registration-type-wrapper {
display: flex;
flex-direction: row;
gap: 15px;
}

.registration-type-label {
display: flex;
align-items: center;
cursor: pointer;
padding: 15px;
background-color: #fff;
border-radius: 5px;
transition: all 0.3s;
flex: 1;
}

.registration-type-label:hover {
border-color: #f6b390 !important;
background-color: #fff9f5 !important;
}

.registration-type-label:focus {
border-color: #f6b390 !important;
background-color: #fff9f5 !important;
}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
background-color: #f6b390 !important;
}

.registration-type-label input[type="radio"] {
border-radius: 50%;
-webkit-appearance: none;
border: 2px solid #1f1f1f;
margin-right: 10px;
width: 20px;
height: 20px;
cursor: pointer;
accent-color: #f6b390;
}

.registration-type-label input[type="radio"]:checked {
background-color: #f6b390;
}

.registration-type-label--checked {
border-color: #f6b390 !important;
background-color: #fff9f5 !important;
box-shadow: 0 2px 5px rgba(34, 113, 177, 0.2);
}

.registration-type-label__text {
font-size: 16px;
color: #333;
}

/* Order Information Messages */
.order-info-message {
background-color: #e8f4f8;
padding: 10px;
margin-bottom: 15px;
border-left: 4px solid #2271b1;
}

.order-info-message--warning {
background-color: #fff3cd;
border-left-color: #ffc107;
}

/* Product Number Validation */
.product-number-hint {
display: block;
margin-top: 5px;
color: #666;
}

.success-message {
display: none;
}

#product_number_loader {
display: none;
margin-top: 8px;
}

.product-number-loader-spinner {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid #f3f3f3;
border-top: 3px solid #2271b1;
border-radius: 50%;
animation: spin 1s linear infinite;
}

.product-number-loader-text {
margin-left: 8px;
color: #666;
font-size: 14px;
}

@keyframes spin {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}

/* Password Input Wrapper */
.password-input-wrapper {
position: relative;
}

.password-input-wrapper input[type="password"],
.password-input-wrapper input[type="text"] {
padding-right: 40px;
width: 100%;
}

.password-toggle-btn {
height: 0% !important;
background-color: #f5f5f5 !important;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
color: #666;
}

.password-hint {
display: block;
margin-top: 5px;
color: #666;
}

#password-strength {
margin-top: 8px;
font-size: 12px;
}

#eye-off-icon {
display: none;
}

/* Already Registered Message */
.already-registered-message {
padding: 15px;
background-color: #e8f4f8;
border-left: 4px solid #2271b1;
border-radius: 4px;
margin-bottom: 20px;
}

.already-registered-message__text {
margin: 0;
color: #2271b1;
font-weight: 600;
}

.already-registered-message__icon {
margin-right: 5px;
}

/* Readonly Input */
input[readonly].readonly-input {
background-color: #f0f0f0;
cursor: not-allowed;
}

/* Step Display */
.step {
display: none;
}

.step--active {
display: block;
}

/* Memorial Member Card Grid */
.memorial-member-card-grid,
.memorial-members-card-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
padding: 20px 0;
}

.memorial-member-card {
background: #fff;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.memorial-member-card:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.memorial-member-card__image {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 16px;
background: #f5f5f5;
}

.memorial-member-card__image img {
width: 100%;
height: 100%;
border-radius: 50%;
}

.memorial-member-card__year {
font-size: 14px;
color: #666;
margin-bottom: 8px;
font-weight: 500;
}

.memorial-member-card__name {
font-size: 16px;
font-weight: 600;
color: #1f1f1f;
margin-bottom: 16px;
line-height: 1.4;
}

.memorial-member-card__name a {
color: inherit;
text-decoration: none;
}

.memorial-member-card__name h3 a:hover {
text-decoration: underline;
color: #3d2924 !important;
}

.memorial-member-card__view-tree {
margin-top: auto;
}

.memorial-member-card__view-tree a {
transition: all 0.3s ease;
position: relative;
}

.memorial-member-card__view-tree a::after {
right: 6px;
color: #000;
border-radius: 24px;
width: 32px;
height: 32px;
background-color: #f6b390;
content: "\e992";
font-family: "phosphor";
font-size: 18px;
font-weight: 500;
display: inline-block;
margin-left: 14px;
position: relative;
transition: all 0.3s;
}

.memorial-member-card__view-tree a:hover {
color: #000;
}

.memorial-member-card__view-tree a:hover::after {
background: #f6b390;
transform: scale(1.2);
}

.memorial-member-card__view-tree a:hover::before {
opacity: 1;
}

@media (max-width: 768px) {
.memorial-member-card-grid,
.memorial-members-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 15px;
}

.memorial-member-card {
  padding: 15px;
}

.memorial-member-card__image {
  width: 100px;
  height: 100px;
}

/* Registration Type Selection - Mobile */
.registration-type-wrapper {
  display: block;
}
}

/* Family Tree Member Card Grid */
.family-tree-members-card-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
padding: 20px 0;
}

.family-tree-member-card {
background: #fff;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.family-tree-member-card:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.family-tree-member-card__image {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 16px;
background: #f5f5f5;
}

.family-tree-member-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}

.family-tree-member-card__year {
font-size: 14px;
color: #666;
margin-bottom: 8px;
font-weight: 500;
}

.family-tree-member-card__name {
font-size: 16px;
font-weight: 600;
color: #1f1f1f;
margin-bottom: 16px;
line-height: 1.4;
}

.family-tree-member-card__name a {
color: inherit;
text-decoration: none;
}

.family-tree-member-card__name a:hover {
text-decoration: underline;
}

.family-tree-member-card__view-tree {
margin-top: auto;
padding-top: 16px;
}

.family-tree-member-card__view-tree a {
display: inline-flex;
}

.family-tree-member-card__view-tree a::after {
right: 6px;
color: #000;
border-radius: 24px;
width: 32px;
height: 32px;
background-color: #f6b390;
content: "\e992";
font-family: "phosphor";
font-size: 18px;
font-weight: 500;
display: inline-block;
margin-left: 14px;
position: relative;
transition: all 0.3s;
}

.family-tree-member-card__view-tree a:hover {
color: #000;
}

.family-tree-member-card__view-tree a:hover::after {
background: #f6b390;
transform: scale(1.2);
}

@media (max-width: 768px) {
.family-tree-members-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 15px;
}

.family-tree-member-card {
  padding: 15px;
}

.family-tree-member-card__image {
  width: 100px;
  height: 100px;
}
}

/* Reseller Form Overlay */
#reseller_form_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
justify-content: center;
align-items: center;
}

/* Agreement Modal */
#agreement_modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 10000;
justify-content: center;
align-items: center;
}

.agreement-modal__content {
background: #fff;
border-radius: 8px;
max-width: 90%;
max-height: 90%;
width: 800px;
display: flex;
flex-direction: column;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.agreement-modal__header {
padding: 20px;
border-bottom: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center;
}

.agreement-modal__title {
margin: 0;
color: #333;
}

.agreement-modal__close {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #666;
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.agreement-modal__body {
padding: 20px;
overflow-y: auto;
flex: 1;
}

/* Activation Error Box Variations */
.activation-error-box--warning-border {
border-color: #ffc107;
}

.activation-error-box--info-border {
border-color: #2271b1;
}

/* Guest Form Wrapper */
#guest-form-wrapper {
display: none;
}

#guest-form-wrapper--visible {
display: block;
}

/* Reseller Registration Form */
.reseller-registration-wrapper p {
margin-bottom: 20px;
color: #666;
}

.reseller-registration-wrapper h3 {
margin-top: 30px;
margin-bottom: 15px;
color: #333;
border-bottom: 2px solid #2271b1;
padding-bottom: 10px;
}

/* Testimonial Icon */
.testimonial-icon {
width: 50px;
height: auto;
}

/* Password Strength Requirements (for dynamic JS content) */
.password-requirement--error {
color: #dc3232;
}

.password-requirement--success {
color: #46b450;
}

.password-strength-wrapper {
line-height: 1.5;
}

/* Memorial QR Template Styles */
.memorial-qr-container {
text-align: center;
padding: 40px 0;
}

.qr-code-number-label {
margin-bottom: 10px;
font-size: 1.1em;
}

.memorial-qr-section {
margin-top: 20px;
}

.memorial-qr-code-container {
display: flex;
justify-content: center;
gap: 40px;
}

.memorial-qr-image-small {
max-width: 200px;
}

.memorial-qr-image-large {
max-width: 300px;
}

.memorial-qr-download-button {
background-color: #f6b390;
}

.memorial-qr-return-wrapper {
margin-top: 30px;
}

.memorial-qr-return-button {
font-weight: 400;
font-family: "Outfit", sans-serif;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 18px;
background: #3d2924;
color: #fff;
border-radius: 12px;
text-decoration: none;
}
.button.memorial-qr-download-button,
.button.memorial-qr-return-button {
background: #f6b390 !important;
}
/* Family Tree Styles - Moved from family-tree.php */
.family-tree ul {
padding-top: 20px;
position: relative;
display: table;
margin: 0 auto;
text-align: center;
}
.family-tree ul ul::before {
content: "";
position: absolute;
top: 0;
left: 50%;
border-left: 1px solid #ccc;
height: 20px;
}
.family-tree li {
display: table-cell;
text-align: center;
position: relative;
padding: 10px 0px 0px 16px;
vertical-align: top;
}
.family-tree li::before,
.family-tree li::after {
content: "";
position: absolute;
top: 0;
border-top: 1px solid #ccc;
width: 50%;
height: 20px;
}
.family-tree li::before {
right: 50%;
}
.family-tree li::after {
left: 50%;
border-left: 1px solid #ccc;
}
.family-tree li:only-child::before,
.family-tree li:only-child::after {
display: none;
}
.family-tree li:first-child::before,
.family-tree li:last-child::after {
border: none;
}
.family-tree li span {
display: inline-block;
padding: 10px 8px;
background: #fff;
border: 1px solid #ccc;
border-top: 4px solid #ccc;
border-radius: 10px;
width: 140px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
text-align: center;
}
.family-tree li span.gender-male {
border-top-color: #c6e1f1;
}
.family-tree li span.gender-female {
border-top-color: #f0cdba;
}
.family-tree li span.gender-other {
border-top-color: #6c757d;
}
.family-tree li span .node-img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 8px;
border: 2px solid #eee;
}
.family-tree li span .node-name {
font-weight: bold;
font-size: 14px;
margin-bottom: 3px;
color: #333;
}
.family-tree li span .node-role {
font-size: 13px;
color: #666;
}
#main-memorial-node {
color: #1f1f1f;
background-color: #3d2924;
}
#main-memorial-node p {
color: #fff !important;
}
#main-memorial-node:hover {
transform: scale(1.15);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
/* Tree Preview Zoom Styles */
#family-tree-preview {
overflow: hidden;
max-height: 600px;
padding: 20px;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 4px;
position: relative;
cursor: grab;
}
#family-tree-preview:active {
cursor: grabbing;
}
#family-tree-preview-zoom-wrapper {
transform-origin: top center;
transition: transform 0.3s ease;
display: inline-block;
min-width: 100%;
position: relative;
}
#tree-zoom-controls button {
font-size: 18px;
font-weight: bold;
line-height: 1;
padding: 5px 10px;
cursor: pointer;
}
#tree-zoom-controls button:hover {
background: #0073aa;
color: #fff;
border-color: #0073aa;
}
#tree-zoom-controls button:active {
background: #005a87;
border-color: #005a87;
}
/* Video Gallery */
/* Video Gallery Styles */
.video-gallery-wrapper {
width: 100%;
padding-bottom: 150px;
padding-top: 150px;
background: #fff;
}

.video-gallery-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 40px;
align-items: flex-start;
}

/* Left Section */
.video-gallery-left {
flex: 0 0 35%;
display: flex;
flex-direction: column;
justify-content: space-between;
/* min-height: 300px; */
}

.video-gallery-content {
margin-bottom: 30px;
}

.video-gallery-title {
font-family: "Georgia", "Times New Roman", serif;
font-size: 42px;
font-weight: 700;
color: #3d2924;
margin: 0 0 15px 0;
line-height: 1.2;
}

.video-gallery-description {
font-family: "Outfit", sans-serif;
font-size: 16px;
color: #666;
margin: 0 0 20px 0;
line-height: 1.6;
}

.video-gallery-view-all {
display: inline-flex;
align-items: center;
gap: 8px;
color: #333;
text-decoration: none;
font-family: "Outfit", sans-serif;
font-size: 14px;
margin-top: 10px;
}

.video-gallery-view-all:hover {
color: #f6b390;
}

.video-gallery-navigation {
display: flex;
gap: 15px;
margin-top: auto;
}

.video-nav-btn {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #ddd;
background: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 0;
}

.video-nav-btn:hover {
border-color: #f6b390;
background: #f6b390;
}

.video-nav-btn img {
width: 20px;
height: 20px;
object-fit: contain;
}
.video-gallery-navigation button {
background: transparent !important;
color: #000;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 1.5rem;
cursor: pointer;
padding: 0;
}
/* Right Slider Section */
.video-gallery-slider {
flex: 1;
overflow: hidden;
position: relative;
width: 100%;
}

.video-gallery-track {
display: flex;
transition: transform 0.5s ease;
will-change: transform;
width: 100%;
min-width: 100%;
}

.video-gallery-slide {
flex: 0 0 100%;
display: flex;
gap: 20px;
min-width: 100%;
width: 100%;
}

.video-gallery-item {
flex: 1;
position: relative;
cursor: pointer;
border-radius: 12px;
overflow: hidden;
transition: transform 0.3s ease;
}

.video-gallery-item:hover {
transform: scale(1.02);
}

.video-thumbnail-wrapper {
position: relative;
width: 100%;
padding-bottom: 75%; /* 4:3 aspect ratio */
overflow: hidden;
border-radius: 12px;
}

.video-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}

.video-play-overlay {
position: absolute;
top: 50%;
left: 50%;
/* transform: translate(-50%, -50%); */
z-index: 2;
pointer-events: none;
}

.video-play-icon {
width: 70px;
height: 70px;
object-fit: contain;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

.video-fade-gradient {
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.9));
z-index: 1;
pointer-events: none;
}
.haru-slick--nav-opacity .slick-prev:hover, .haru-slick--nav-opacity .slick-next:hover{
background: #F6B390 !important;
}
/* Video Modal Styles */
.video-modal {
display: none;
position: fixed;
z-index: 9999;
inset: 0;
background: rgba(0, 0, 0, 0.85);
justify-content: center;
align-items: center;
padding: 20px;
}

.video-modal-content {
position: relative;
background: #000;
padding: 10px;
max-width: 900px;
width: 90%;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.video-modal iframe,
.video-modal .custom-embed,
.video-modal video.video-modal-native {
width: 100%;
min-height: 500px;
border-radius: 8px;
background: #000;
}

.video-modal video.video-modal-native {
min-height: 0;
max-height: min(80vh, 900px);
height: auto;
aspect-ratio: 16 / 9;
object-fit: contain;
}

.video-modal-close {
position: absolute;
top: 5px;
right: 12px;
font-size: 28px;
color: #fff;
cursor: pointer;
font-weight: bold;
z-index: 10000;
line-height: 1;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.video-modal-close:hover {
color: #ff5555;
}

/* Responsive Design */
@media (max-width: 991px) {
.video-gallery-container {
  flex-direction: column;
  gap: 30px;
}

.video-gallery-left {
  flex: 1;
  min-height: auto;
}

.video-gallery-title {
  font-size: 32px;
}

.video-gallery-slide {
  gap: 15px;
}
}

@media (max-width: 767px) {
.video-gallery-wrapper {
  padding: 30px 0;
}

.video-gallery-container {
  padding: 0 15px;
}

.video-gallery-title {
  font-size: 28px;
}

.video-gallery-description {
  font-size: 14px;
}

.video-gallery-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.video-gallery-track {
  display: flex;
  width: auto;
  min-width: 100%;
}

.video-gallery-slide {
  flex-shrink: 0;
  flex-direction: column;
  gap: 15px;
  box-sizing: border-box;
}

.video-gallery-slide-mobile {
  flex-shrink: 0 !important;
}

.video-gallery-item {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.video-fade-gradient {
  display: none;
}

.video-play-icon {
  width: 60px;
  height: 60px;
}

.video-nav-btn {
  width: 45px;
  height: 45px;
}
}

/* --- Social Media Links Styling --- */
.member-social-media-links {
padding: 0;
margin: 0;
display: flex;
flex-wrap: nowrap;
gap: 10px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.member-social-media-item {
margin: 0;
padding: 0;
flex-shrink: 0;
}
.member-social-media-item a {
text-decoration: none !important;
}
.social-media-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
background: #f5f5f5;
border-radius: 50%;
text-decoration: none;
color: #333;
transition: all 0.3s ease;
font-size: 18px;
}

.social-media-link:hover {
background: #f6b390;
color: #000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.social-media-link i {
font-size: 18px;
line-height: 1;
}

@media (max-width: 767px) {
.member-social-media-links {
  gap: 8px;
}

.social-media-link {
  width: 36px;
  height: 36px;
  font-size: 16px;
}

.social-media-link i {
  font-size: 16px;
}
}

/* --- Featured Websites Styling --- */
.member-featured-websites {
display: flex;
flex-direction: column;
gap: 10px;
}

.featured-website-item {
margin: 0;
padding: 0;
}

.featured-website-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: #f5f5f5;
border-radius: 6px;
text-decoration: none;
color: #333;
transition: all 0.3s ease;
font-size: 14px;
}

.featured-website-link:hover {
background: #f6b390;
color: #000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.featured-website-link i {
font-size: 14px;
opacity: 0.7;
}

.featured-website-link:hover i {
opacity: 1;
}

.website-title {
font-weight: 500;
}

@media (max-width: 767px) {
.featured-website-link {
  font-size: 13px;
  padding: 7px 10px;
}

.featured-website-link i {
  font-size: 13px;
}
}

/* Laptop only styles (not desktop) */
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.haru-banner.haru-banner--style-0.haru-banner--hover-scale.family-image-two {
  width: 66%;
  margin-left: 140px;
}

.haru-banner.haru-banner--style-0.haru-banner--hover-scale.family-image-three {
  width: 80%;
  margin-left: -90px;
}
}

/* Add to Cart Loader Styles - Moved from functions.php */
a.added_to_cart.wc-forward {
display: none !important;
}
.loader {
display: none;
border: 4px solid #f3f3f3;
border-top: 4px solid #000;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 2s linear infinite;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

@keyframes spin {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}

.button .cart-icon {
transition: opacity 0.3s ease;
}

.button.loader-active .cart-icon {
opacity: 0;
}

.new-cart-btn {
position: relative;
}

.add-to-cart-loader {
position: relative;
}

.view-cart-link {
display: none;
margin-top: 10px;
}

/* WooCommerce Custom Styles - Moved from woo-custom.php */
.dashboard-explanation-box a:hover {
opacity: 0.8;
}

@media (max-width: 768px) {
.dashboard-explanation-box > div[style*="grid-template-columns"] {
  grid-template-columns: 1fr !important;
}
}

.memorial-custom-fields {
clear: both;
}

.memorial-fields-table {
margin-top: 15px;
}

.memorial-fields-table th {
font-weight: bold;
background-color: #f5f5f5;
}

.memorial-fields-table td input {
width: 100%;
}

/* Admin CMB2 Field Hiding - Moved from functions.php */
.cmb2-id-haru-member-first-name,
.cmb2-id-haru-member-information,
.cmb2-id-haru-member-last-name,
.cmb2-id-haru-member-information-title,
.cmb2-id-haru-member-family-parent-title,
.cmb2-id-haru-member-intro-images {
display: none !important;
}

/* Reseller Process Styles */
.reseller-coupon-summary {
margin: 20px 0;
padding: 15px;
background-color: #f0f0f1;
border-left: 4px solid #2271b1;
}

.reseller-coupon-summary h2 {
margin-top: 0;
}

.reseller-coupon-summary p {
font-size: 16px;
margin: 5px 0;
}

.reseller-coupon-table-wrapper {
margin-top: 20px;
overflow-x: auto;
}

.reseller-coupon-table-wrapper table {
border-collapse: collapse;
}

.reseller-coupon-table-wrapper th {
background-color: #f0f0f1;
font-weight: 600;
}

.copy-coupon-code {
cursor: pointer;
margin-left: 10px;
}

.copy-coupon-code:hover {
background-color: #2271b1;
color: #fff;
}

.reseller-coupon-info {
margin-top: 30px;
padding: 15px;
background-color: #fff3cd;
border-left: 4px solid #ffc107;
}

.reseller-coupon-info h3 {
margin-top: 0;
}

.reseller-coupon-info ul {
margin: 10px 0;
padding-left: 20px;
}

.reseller-coupon-code-text {
font-size: 16px;
color: #2271b1;
font-family: monospace;
}

.reseller-coupon-status-expired,
.reseller-coupon-status-used,
.reseller-coupon-status-not-found {
color: #dc3232;
}

.reseller-coupon-status-active {
color: #46b450;
}

.reseller-coupon-status-pending {
color: #ffc107;
}

.reseller-coupon-usage {
color: #666;
font-size: 11px;
margin-top: 4px;
display: block;
}

.reseller-customer-na {
color: #999;
}

.reseller-form-error {
color: red;
}

.reseller-form-success {
color: green;
}

/* Memorial Card Shortcode Styles */
.memorial-card-wrapper {
display: inline-block;
width: 100%;
max-width: 400px;
margin: 20px 0;
}

.memorial-card-quote {
text-align: center;
font-size: 16px;
color: #3d2924;
font-style: italic;
margin: 0 0 20px 0;
line-height: 1.5;
}

.memorial-card {
position: relative;
height: 600px;
width: 300%;
border-radius: 12px;
overflow: hidden;
background-color: #f5f5f0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.memorial-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.memorial-card__overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(
  to top,
  rgba(0, 0, 0, 0.85) 0%,
  rgba(0, 0, 0, 0.7) 60%,
  transparent 100%
);
padding: 20px;
}

.memorial-card__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}

.memorial-card__title {
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin: 0;
line-height: 1.2;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
flex: 1;
}

.memorial-card__button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
background-color: #f6b390;
color: #3d2924;
text-decoration: none;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
transition: background-color 0.3s ease, transform 0.2s ease;
white-space: nowrap;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
margin-left: 15px;
}

.memorial-card__button:hover {
background-color: #e8a378;
transform: translateX(3px);
color: #3d2924;
text-decoration: none;
}

.memorial-card__arrow {
font-size: 16px;
font-weight: bold;
transition: transform 0.2s ease;
}

.memorial-card__button:hover .memorial-card__arrow {
transform: translateX(3px);
}

.memorial-card__image {
position: relative;
width: 100%;
padding-top: 120%;
overflow: hidden;
background-color: #f5f5f0;
}

.memorial-card__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}

.memorial-card__dates {
color: #ffffff;
font-size: 14px;
margin: 0;
line-height: 1.4;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.memorial-card-wrapper {
  max-width: 100%;
}

.memorial-card__overlay {
  padding: 15px;
}

.memorial-card__header {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 10px;
}

.memorial-card__title {
  font-size: 20px;
}

.memorial-card__button {
  margin-left: 0;
  width: 100%;
  justify-content: center;
}

.memorial-card-quote {
  font-size: 14px;
}
}

/* ------------------------------------------------------------
 Member Video Gallery (single member)
------------------------------------------------------------ */
.single-member-videos-wrap {
display: flex;
gap: 30px;
align-items: flex-start;
}

.single-member-videos-left {
flex: 0 0 320px;
max-width: 320px;
}

.single-member-videos-right {
flex: 1 1 auto;
min-width: 0;
}

.single-member-videos-right .video-list {
width: 100%;
}

.single-member-videos-right .video-item {
padding: 0 12px;
}

.single-member-videos-right .video-item a {
display: block;
position: relative;
border-radius: 14px;
overflow: hidden;
}

.single-member-videos-right .video-thumb {
display: block;
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #f3f3f3;
}

.single-member-videos-right .video-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.single-member-videos-right .video-play-overlay {
position: absolute;
inset: 0;
display: grid;
place-items: center;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: opacity 0.2s ease;
}

.single-member-videos-right .video-play-overlay img {
width: 64px;
height: 64px;
}

.single-member-videos-right .video-item a:hover .video-play-overlay,
.single-member-videos-right .video-item a:focus .video-play-overlay {
opacity: 1;
}

/* Slick arrows: always visible (override nav-opacity) */
.single-member-videos-right .haru-slick {
position: relative;
}

.single-member-videos-right .haru-slick.haru-slick--nav-opacity .slick-prev,
.single-member-videos-right .haru-slick.haru-slick--nav-opacity .slick-next,
.single-member-videos-right .haru-slick.haru-slick--nav-opacity .slick-arrow {
  opacity: 1 !important;
  pointer-events: auto;
  transition: transform 0.2s ease;
}

.single-member-videos-right .haru-slick .slick-arrow:hover {
transform: scale(1.06);
}

@media (max-width: 991px) {
.single-member-videos-wrap {
  flex-direction: column;
  gap: 18px;
}
.single-member-videos-left {
  flex: 1 1 auto;
  max-width: 100%;
}
}