.left-category-area .category-header h4,
.section-title h2::before,
.product-card .countdown span,
.flash-deal-slider.owl-carousel .owl-nav div:hover,
.features-slider.owl-carousel .owl-nav div:hover,
.newproduct-slider.owl-carousel .owl-nav div:hover,
.bestseller-slider.owl-carousel .owl-nav div:hover,
.toprated-slider.owl-carousel .owl-nav div:hover,
.pagination li a:hover, .pagination li span:hover,
.pagination li.active span, .pagination li.active a,
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
.u-d-d i,
.details-page-top-right-content .countdown span,
.mm-heading-area,
.section-title .links a::before,
.flash-sell-area.theme2 .product-card .countdown,
.menu-top-area,
.product-card .product-button-group .product-button,
.deal-of-day-section .countdown,
.bestseller-slider.owl-carousel .owl-nav div:hover, 
.brand-slider.owl-carousel .owl-nav div:hover, 
.features-slider.owl-carousel .owl-nav div:hover, 
.flash-deal-slider.owl-carousel .owl-nav div:hover, 
.home-blog-slider.owl-carousel .owl-nav div:hover, 
.newproduct-slider.owl-carousel .owl-nav div:hover, 
.popular-category-slider.owl-carousel .owl-nav div:hover, 
.toprated-slider.owl-carousel .owl-nav div:hover,
.btn,
.footer-social-links a,
.a2a_kit a
{
    background : #F7CED7 ;
}

.site-header .toolbar .toolbar-item > a > div > .compare-icon > .count-label, .site-header .toolbar .toolbar-item > a > div > .cart-icon > .count-label,
.btn-primary,
.hero-slider > .owl-carousel.dots-inside .owl-dots .owl-dot,
.widget-title::after,
.scroll-to-top-btn:hover,
a.list-group-item::before, .list-group-item-action::before
{
    background-color : #B54887 !important;
}


.hero-slider .owl-carousel .owl-nav div,
.left-category-area .category-list .navi-link:hover span.text-gray-dark,
.site-header .navbar .nav-inner .right-info i,
.h-t-social-area ul li a:hover,
.menu-top-area .login-register:hover,
.t-h-dropdown a:hover,
.t-h-dropdown a.active,
.genius-banner .content .content-inner p,
.navi-link:hover,
.site-header .site-menu > ul > li:hover > a,
.widget-categories ul > li.active > a,
.widget-links ul > li.active > a,
.details-page-top-right-content  a,
.widget-categories ul > li > a:hover,
.widget-links ul > li > a:hover,
.product-card .product-title > a:hover,
.product-card .product-category > a:hover,
.nav-tabs .nav-link:hover,
.post-title > a:hover,
.post-meta > li > a:hover,
.widget-featured-posts > .entry .entry-title > a:hover,
.widget-featured-products > .entry .entry-title > a:hover,
.widget-cart > .entry .entry-title > a:hover,
.entry .entry-delete a,
.steps .step.active .step-title, .steps .step.active > i,
.text-primary,
.shopping-cart .product-item .product-title > a:hover,
.wishlist-table .product-item .product-title > a:hover,
.order-table .product-item .product-title > a:hover,
.list-group-item.active,
a.list-group-item:hover,
 a.list-group-item:focus, a.list-group-item:active,
 .list-group-item-action:hover,
 .list-group-item-action:focus,
 .list-group-item-action:active,
 .progress-steps li.active .icon,
 .comparison-table .comparison-item .comparison-item-title:hover,
 .site-header .site-menu > ul > li.active > a,
 .breadcrumbs > li > a:hover,
 .faq-box:hover .link,
 .left-category-area .category-list .sub-c-box .title:hover,
 .left-category-area .category-list .sub-c-box .child-category a:hover,
 .section-title .links a:hover, 
 .section-title .links a.active,
 #quick_filter li a:hover,
 #quick_filter li a.active,
 .section-title .right_link:hover,
 .popular-category.theme3 .links a.active,
 .popular-category.theme3 .links a:hover,
 .site-header .search-box-wrap .input-group .serch-result .bottom-area a:hover,
 .shop-view>a,
 .genius-banner .inner-content p,
 .details-page-top-right-content .price-area .main-price,
 .free-shippin-aa
{
    color : #000 !important;
}

.js-cookie-consent-agree{
    background : #F7CED7 !important;
}

.site-header .toolbar .toolbar-item > a > div > .compare-icon > .count-label,
.btn-primary:hover,
.scroll-to-top-btn:hover,
.pagination li a:hover,
.pagination li span:hover,
.pagination li.active span,
.pagination li.active a,
.nav-tabs .nav-link.active:hover,
.btn
{
    color : #000 !important;
}

.shop-view>a.active{
    color: #fff !important;
}

.category-scroll::-webkit-scrollbar-thumb {
    background-color:  #F7CED7;
}

.category-scroll {
    scrollbar-color:  #F7CED7 #ffff;
    scrollbar-width: thin;
}

.text-color-base{
    color: #F7CED7 !important;
}

.btn-outline-primary {
    background: #F7CED7;
    color: #fff !important;
}
.btn-outline-primary:hover {
    background-color: #F7CED7;
    border-color: none !important;
}
.t-h-dropdown .t-h-dropdown-menu {
    border-top: 2px solid #F7CED7;
}
.product-card:hover,
.brand-slider .slider-item a:hover,
.genius-banner:hover
{
    border-color: #F7CED7;
}
.form-control:focus {
    border-color: #F7CED7;
}
.input-group .form-control:focus ~ .input-group-addon {
    color: #F7CED7;
}
.shop-view > a.active {
    border-color: #B54887;
    background-color: #B54887;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #F7CED7;
    background-color: #F7CED7;
}
.product-gallery .product-thumbnails > li.active > a,
.steps .step.active
{
    border-color: #F7CED7;
}

.quickFilter .quickFilter-title:hover {
    border-color: #F7CED7 !important;
}
#quick_filter {
    border-color: #F7CED7;
}

.override-center {
    text-align: left !important; /* Anula text-align: center */
}

.font-light {
    font-weight: 400;
}

.hr-custom {
    height: 5px !important;
    background : #F7CED7;
    opacity: 1 !important;
}

.hr-custom-canceled {
    height: 5px !important;
    background : red;
    opacity: 1 !important;
}




.bg-new{
    background-color: #034b62 !important
}

.bg-flash_deal{
    background-color: #557791 !important 
}

.bg-feature{
    background-color: #3f378e !important 
}

.bg-best{
    background-color: #000000 !important 
}

.bg-top{
    background-color: #5bb2ff !important 
}

.bg-new, .bg-flash_deal, .bg-feature, .bg-best, .bg-top{
    background-color: #F7CED7 !important 
}

.product-card .product-price{
    font-size: 18px !important;
    color: #F7CED7 !important;
    color: black !important;
    font-family: 'Comfortaa';
}

.del-prices{
    font-size: 11px !important;
}


.multi-line-ellipsis {
  display: -webkit-box;        
  -webkit-box-orient: vertical; 
  overflow: hidden;            
  text-overflow: ellipsis;     
  -webkit-line-clamp: 2;       
  max-width: 100%;             
}

.li-contact{
    font-size: 13px;
}
.form-contat-title{
    font-size: 15px;
    font-weight: 600;
}

.hide-desktop {
  display: none;
}

.hide-movil {
  display: none;
}

@media (max-width: 768px) {
  .hide-desktop {
    display: block; 
  }
}

@media (min-width: 769px) {
  .hide-movil {
    display: block; 
  }

  .ms-md-231 {
        margin-right: 28rem;
  }
}

@media (max-width: 576px) {
    .product-card-inner {
        display: contents !important;
    }

    .downMovil {
        display: flex !important;
        justify-content: end;
    }
}


.social-contact-buttons{
    width: 32px !important; 
    height: 32px !important; 
    line-height: 31px !important;
}

.quickFilter .quickFilter-title {
    width: 111% !important;
    font-weight: 600 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.text-decoration-none{
    color: #505050 !important;
}
.div-content-image-collection{
    position: absolute;
    left: 10px;
    top: 10px;
}
.collection-box {
    padding: 15px;
    height: 200px;
    background-color: #f8f9fa; 
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); /* Sombra sutil */
    border: none; 
}
.collection-title {
    font-weight: bold;
}
.collection-link {
    font-size: 0.9rem;
}


.card-collection {
    display: flex;
    align-items: center;
    background-color:#F7CED7; 
    color: white;
    padding: 20px 30px;
    border-radius: 12px;
    position: relative;
    width: 500px;
    margin: 20px auto; /* Centrado y separado */
    gap: 20px;
    margin-top: 67px;
}

.card-content {
    flex: 1;
    text-align: center;
}

.card-title {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.5px;
    color: white;
}

.card-brand {
    font-size: 0.85rem;
    margin-top: 5px;
    opacity: 0.85;
}

.header-catalog-collection{
    height: 120px;
}
.collection-img{
    position: absolute;
    width: 465px !important;
    height: 200px !important;
    bottom: -9rem;
    left: 52rem;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.header-shopping{
    margin-top: 34px;
}


.card-product {
  background-image: linear-gradient(163deg, #fff 1%, #F7CED7  100%);
  border-radius: 20px;
  transition: all .3s;
  }

  .card-product2 {

  background-color: white;
  border-radius:;
  transition: all .2s;
  border: none !important
  }

  .card-product2:hover {
    transform: scale(0.98);
    border-radius: 20px;
  }
  .site-header .toolbar .toolbar-item {
    width: 55px;
  }

  .card-product:hover {
  box-shadow: 0px 0px 11px 1px #6c757d;
  }

  .card-product-offer:hover {
      box-shadow: 0px 0px 8px 1px #bcc0c4 !important;
  }

  .logo-small {
    max-width: 90%; 
    height: auto;
    display: block;
    margin: 0 auto; 
}

.card_animation {
position: relative;
background: mediumturquoise;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
font-weight: bold;
border-radius: 15px;
cursor: pointer;
}

.card_animation::before,
.card_animation::after {
position: absolute;
content: "";
width: 20%;
height: 20%;
background: linear-gradient(
        to top,
        #F7CED7 0%,
        #F7CED7 0%,
        rgba(0, 0, 0, 0.2) 100%
    );
transition: all 0.5s;
}

.card_animation::before {
top: 0;
right: 0;
border-radius: 0 15px 0 100%;
}

.card_animation::after {
bottom: 0;
left: 0;
border-radius: 0 100% 0 15px;
}

.card_animation:hover::before,
.card_animation:hover::after {
width: 100%;
height: 100%;
border-radius: 15px;
transition: all 0.5s;
}

.card_animation:hover::after {
    content: attr(data-brand-name);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    font-weight: bold;
    color: white;
}

.hover-underline-animation:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #F7CED7;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.form-control {
    border-radius: 11px !important;
}

.quickFilter .quickFilter-title {
    border-radius: 11px !important
}

.custom-select {
    background-color: #F7CED7 !important; 
    color: #000 !important;
}

.custom-select option {
    background-color: white !important;
    color: black !important;
}

.navbar-right{
    background-color: #F7CED7 !important; 
    color: white;
}
.site-header .site-menu ul>li>a {
    color: #000 !important;
}
.site-header .site-menu > ul > li:hover > a{
    color: #000 !important;
}

.site-menu ul {
    display: absolute;
    flex-wrap: nowrap; 
    white-space: nowrap; 
    gap: 1rem; 
    
    scrollbar-width: thin; 
    scrollbar-color:  #F7CED7  transparent
}

.border-categories{
    border-right: 2px solid rgb(255 177 195) !important;
}


.has-submenu {
    position: relative;
    display: inline-block;
}

.t-h-dropdown-menu-container {
    display: none;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1000;
}
.has-submenu:hover > .t-h-dropdown-menu-container {
    display: block;
}


.t-h-dropdown-submenu {
    position: relative;
}
.t-h-dropdown-submenu > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.t-h-submenu {
    display: none;
    top: 0;
    left: 100%;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1000;
}
.t-h-dropdown-submenu:hover > .t-h-submenu {
    display: block;
}

.shopping-cart .product-resumen-item .product-title>a{
    color: #232323;
    line-height: 1.5;
}

.shopping-cart .product-resumen-item .product-title>a:hover{
    color: #F7CED7;
}

.page-item.active .page-link {
    background-color: #F7CED7 !important;
    border-color: #F7CED7 !important;
}

.left-category-area .category-header h4 {
    color: #000 !important;
}

.track-order-link {
    color: #000 !important;
}

.site-header .toolbar .toolbar-item>a>div>.cart-icon>.count-label, .site-header .toolbar .toolbar-item>a>div>.compare-icon>.count-label
 {
    color: #fff !important;
}

.product-card .product-button-group .product-button {
    color: #000 !important;
}

.a2a_kit a:hover,
.facebook-btn:hover,
.footer-social-links a:hover,
.google-btn:hover {
    color: #fff !important;
}


.a2a_kit a,
.facebook-btn,
.footer-social-links a,
.google-btn {
    border-radius: 4px;
    display: inline-block;
    color: #fff !important; 
}

.btn.btn-primary span {
    position: relative;
    z-index: 1;
    color: #fff !important; 
}

.btn.btn-primary:hover span {
    color: #fff !important; 
}

[data-date-time] span {
    color: #000 !important; 
}


.js-cookie-consent-agree {
    color: #000 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000 !important;
}


.a2a_kit a span {
    color: #000 !important;
}

.a2a_kit a:hover span {
    color: #fff !important;
}



.a2a_kit a:hover svg {
    color: #fff; 
}

.deal-of-day-section .countdown span small {
    color: #000 !important; 
}

.product-card .product-title {
    <!-- white-space: nowrap; -->
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Comfortaa';
}

.product-card .product-title>a {
    font-weight: 700 !important;
    height: auto;
    
}

blockquote {
    padding: 50px 78px 48px !important;
}


@media (max-width: 767.98px) {
    blockquote {
        padding: 37px 9px 7px !important;
    }
}


.sb-facebook:focus, .sb-facebook:hover {
    color: #F7CED7 !important;

}

.page-item.active .page-link {
    background-color: #F7CED7 !important;
    border-color: #F7CED7 !important;
}

.btn-info:hover {
    background-color: #F7CED7 !important;
}

.search-input{
    border-left: none !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.tooltip-container {
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 17px;
  color: #000000;
  border-radius: 8px;
}


.tooltip {
  position: absolute;

  left: 50%;
  transform: translateX(-50%);
  padding: 1.2em 1em;
  transition: all 0.3s;
  border-radius: 12px;
  background: #F7CED7;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   min-width: 200px; 
  max-width: 250px; 
  text-align: center; 
  word-wrap: break-word; 
  white-space: normal; 
  bottom: 112%; 
}


.tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #F7CED7 transparent transparent;
}


.tooltip-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


#global-tooltip {
  position: fixed;
  z-index: 9999;
  padding: 8px 10px;
  background-color: #F7CED7;
  font-size: 14px;
  color: #000000;
  border-radius: 12px;
  white-space: normal;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  min-width: 200px; 
  max-width: 250px; 
  text-align: center; 
  display: none;
  pointer-events: none;
  word-wrap: break-word;
  transform: translateX(-50%);
  
}

.hover-bg:hover {
  background-color: #F7CED7;
  transition: background-color 0.3s ease;
}


.product-card .product-card-body {
    padding: 10px 15px 10px !important;
}

.sub-category-has-children > a::before {
  content: "▸";
  margin-right: 5px;
  transform: rotate(0deg);
  transition: transform 0.2s;
}
.sub-category-has-children.expanded > a::before {
  transform: rotate(90deg);
}



.has-children.expanded > ul {
    display: block;
}

.swal2-icon-content{
    color: #F7CED7 !important;
}
.swal2-icon-show {
    border-color: #F7CED7 !important;
    color: #F7CED7 !important;
}

.t-h-dropdown .main-link, .track-order-link {
    color: #000 !important;
}
.truncate-mobile {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .break-words {
    word-break: break-word;
  }

  @media (min-width: 768px) {
    .truncate-mobile {
      -webkit-line-clamp: unset;
    }
  }
  
  @media (max-width: 576px) {
  .shop-view .list-view {
    width: 32px !important;
    height: 32px !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .shop-view i {
    font-size: 14px;
    }
}

.quickFilter .quickFilter-title i {
    color: #666;
    margin-right: 0px !important; 
    font-size: 13px;
}

body {
    background: white;
}

.bg-hot-pink{
    background-color: #B54887 !important;
}
.widget-title-hot-pink::after{
    background-color: #B54887 !important;
}

.footer-social-links a {
    background-color: #B54887 !important;
} 


<!-- body {
  width: 100%;
  height: 100%;
  --size: 150px; /* control the size */
  --color: #d1bdbd;

  background: radial-gradient(
      circle at 15% 30%,
      transparent 40%,
      var(--color) 41%
    ),
    radial-gradient(circle at 85% 30%, transparent 40%, var(--color) 41%),
    radial-gradient(circle at 50% 70%, transparent 40%, var(--color) 41%),
    radial-gradient(circle at 15% 70%, transparent 40%, var(--color) 41%),
    radial-gradient(circle at 85% 70%, transparent 40%, var(--color) 41%),
    linear-gradient(
      45deg,
      var(--color) 25%,
      rgba(0, 0, 0, 0.067) 0,
      rgba(0, 0, 0, 0.067) 50%,
      var(--color) 0,
      var(--color) 75%,
      #1111 0,
      #1111 100%,
      var(--color) 0
    );
  background-size: var(--size) var(--size);
} -->

body{
    background: white;
}

.site-footer {
  width: 100%;
  --size: 150px; /* control the size */
  --color: #F7CED7;

  background: radial-gradient(
      circle at 15% 30%,
      transparent 40%,
      var(--color) 41%
    ),
    radial-gradient(circle at 85% 30%, transparent 40%, var(--color) 41%),
    radial-gradient(circle at 50% 70%, transparent 40%, var(--color) 41%),
    radial-gradient(circle at 15% 70%, transparent 40%, var(--color) 41%),
    radial-gradient(circle at 85% 70%, transparent 40%, var(--color) 41%),
    linear-gradient(
      45deg,
      var(--color) 25%,
      rgba(0, 0, 0, 0.067) 0,
      rgba(0, 0, 0, 0.067) 50%,
      var(--color) 0,
      var(--color) 75%,
      #1111 0,
      #1111 100%,
      var(--color) 0
    );
  background-size: var(--size) var(--size);
} 


.navbar {
  position: relative !important;
}

.t-h-dropdown-menu-container {
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  position: absolute !important;
}

.t-h-dropdown,
.site-header .site-menu {
  position: static!important;
}
.section-title.section-title2{
    text-align: start !important;
    
}

.section-title.section-title2 > h2{
    color: #B54887;
    font-weight: bold;
}
.section-title3, .section-title3 .h3{
    background-color: white;
    z-index: 0;
}
.section-title3::after{
    background-color: #B54887;
    filter: blur(5px); /* simula el desenfoque */
    opacity: 0.7;
    height: 5px;
    border-block-start:1px solid var(--bs-divider-color);
    content: "";
    inset-inline-start: 100%;
    inline-size: 100%;
    inset-block-start: 50%;
    
}

.t-h-megamenu-columns.brand{
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.2rem;
    <!-- overflow: auto; -->
    <!-- height: 200px !important; -->

}

.t-h-dropdown a:hover{
    color: #B54887 !important;
}

.sub-category.has-submenu{
    color: #B54887 !important;
}

.popular-category.theme3 .links a.active, .popular-category.theme3 .links a:hover{
    color: #B54887 !important;
}

.card-product-border {
    box-shadow: 0 0 5px 2px rgba(247, 206, 215, 0.8); 
    transition: box-shadow 0.3s ease;
    border-radius: 11px;
}


.card-general-border {
    box-shadow: 0px 0px 11px 1px #6c757d; 
    transition: box-shadow 0.3s ease;
    border-radius: 11px;
}

.card-general-border {
    box-shadow: 0px 0px 3px 1px #e1e2df;
}

.padding-top-40px{
    padding-top: 40px;
}


.circle-wrapper {
  width: 56px;
  height: 60px;
  position: relative;
  overflow: visible;
  text-align: center;
}

.circle-button {
  width: 45px;
  height: 44px;
  background-color: #F7CED7;
  border-radius: 50%;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.circle-button i {
  font-size: 1.25rem;
  color: black;
  line-height: 1;
}

.circle-wrapper:hover .circle-button {
  transform: scale(0.8);
  transform-origin: center;
}

.circle-label {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.circle-wrapper:hover .circle-label {
  bottom: 0;
}

.icon-cart-shopping{
    display: block;
    position: absolute;
    top: 2px;
    right: 3px;
    width: 16px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    background-color: #B54887;
    font-size: 14px;
    line-height: 18px;
}

.site-header .toolbar .toolbar-item>a>div {
    top: 58% !important;
}

.btn-purchase-now{
    position: absolute;
    top: 61%;
    left: 14%;
}

.body_theme2 .hero-slider .item{
    max-width: 1600px;
}

.slider-area-wrapper.mt-0 > .hero-slider > .hero-slider-main > .owl-stage-outer > .owl-stage {
    background: #F7CED7;
}


.m-w-88{
    max-width: 88% !important;
}

.card-product.card-product-border{
    max-height: 350px;
}

/* REWRITE FRONT CARDS */
.flash-sell-new-section .product-card .product-thumb {
    width: auto;
    flex-basis: 250px;
}

@media screen and (min-width: 992px) {
    .flash-sell-new-section .product-card .product-thumb {
        flex-shrink: 0;
    }
}

.flash-sell-new-section .product-card .product-card-body {
    width: 100%;
}

.flash-sell-new-section .product-card .product-card-inner {
    min-width: 0;
}

.flash-sell-new-section .product-card {
    overflow: visible;
}

.flash-sell-new-section .product-card .product-thumb {
    border-radius: 10px 0 0 10px;
}

.flash-deal-slider .owl-stage-outer {
    padding-top: 40px;
    margin-top: -40px;
}

.flash-deal-slider .tooltip-container {
  inline-size: min-content;
}