@charset "UTF-8";
/*
Theme Name: Beauty Cosmetics Lite
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/beauty-cosmetics-lite
Author URI: https://www.themagnifico.net/
Description: Beauty Cosmetics Lite Theme is a clean and responsive website design focused on presenting beauty-related content, products, services, and visual media in an organized layout. Its structured homepage can display featured content, promotional sections, service information, and selected products without requiring complex page arrangements. The responsive layout adapts content to different screen sizes, supporting browsing on desktops, tablets, and mobile devices. The Beauty Cosmetics Lite theme includes customizable sections that can be adjusted to match the structure and content of a website. Navigation menus help organize pages and categories, while social media integration can connect visitors with external profiles. Image-focused sections provide space for product photography, service presentations, blog posts, and other visual content. Beauty Cosmetics Lite Theme can also support eCommerce-oriented layouts for displaying product categories, product details, and shopping-related content. Blog sections allow articles, beauty tips, tutorials, and updates to be presented in a readable format. Its simple structure provides a practical foundation for creating a beauty-focused website with consistent navigation, content sections, images, and product information.
Version: 0.1
Tested up to: 7.1
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: beauty-cosmetic-store
Text Domain: beauty-cosmetics-lite
Tags: wide-blocks, block-styles, custom-logo, one-column, two-columns, grid-layout, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, threaded-comments, theme-options, left-sidebar, right-sidebar, full-width-template, editor-style, photography, e-commerce, blog, post-formats, translation-ready

Beauty Cosmetics Lite Theme has been created by TheMagnifico52(themagnifico.net), 2026.
Beauty Cosmetics Lite Theme is released under the terms of GNU GPL
*/

.widget a:hover, .widget a:focus,a.cart-customlocation i:hover, .product-home-box h3 a:hover, .product-box h3 a:hover, .navbar-brand a:hover, .social-link i:hover,a, .sidebar ul li a:hover, #colophon a:hover, #colophon a:focus, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-message::before, .woocommerce-info::before, .slider-inner-box a h2,.main-navigation .menu > li > a:hover,.woocommerce .star-rating span::before{
    color: var(--first-color);
}
/*.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus{
    color: #fff !important;
    background: var(--first-color);
    border-radius: 5px;
}*/
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,a.account-btn:hover, .sidebar button[type="submit"], .sidebar .tagcloud a:hover,.sticky .entry-title::before, .main-navigation .sub-menu, #button, .sidebar input[type="submit"], .comment-respond input#submit, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .woocommerce .woocommerce-ordering select, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wp-block-button__link, .serv-box:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .btn-primary, .sidebar h5, .toggle-nav i, span.onsale, .slide-btn-1 a, .serach_inner [type="submit"],span.cart-value,.slide-btn-1 a:hover,.woocommerce a.added_to_cart,a.account-btn:hover, .load hr {
    background: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    color: #fff;
    border:0px;
}
.slide-btn-1 a:hover{
    color: var(--first-color);
    background: #fff;
}
a{
    text-decoration: none;
}
a:hover{
    color: #161616;
}
.article-box a:hover{
  color: #161616;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale{
    font-size: 14px;
}
#colophon,.top-info,.serach_inner{
    background: #373737;
}
#colophon{
    background: #f46c9d;
}

.pro-button a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.added_to_cart:hover{
    border: solid 2px var(--first-color);
    background: transparent;
    color: var(--first-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover{
    background: #161616;
}
.btn-primary,.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-color: var(--first-color) !important;
}
/*.site-navigation .primary-menu > li a {
    padding: 8px 15px;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0px;
    color: #373737;
    font-weight: 400;
    text-transform: capitalise;
}*/

.top-btn{
    display: flex;
    justify-content: end;
    text-transform: uppercase;
    font-size: 14px;
}

a.topbar1-btn {
    background: var(--first-color);
    color: #fff;
    padding: 8px;
    display: inline-block;
    margin: 0;
}
a.topbar1-btn:hover{
    background: #ffffff;
    color: #000000;
}
/*ul.sub-menu, #site-navigation .menu ul li a{
    border-radius: 5px;
}
#site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.main-navigation .menu > li > a {
    font-size: 14px;
}*/
.top-info p{
    color: #EDEDED;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 15px;
}

a.cart-customlocation {
    position: relative;
} 
.navbar-brand{
   font-family: 'Ubuntu', sans-serif;
   font-weight: 400;
   font-size: 28px; 
}
.navbar-brand a{
   font-weight: 400;
   font-size: 28px; 
   text-transform: uppercase;
}
/*.site-navigation .primary-menu ul{
    background-color: var(--first-color);
}*/
/*.navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    background: var(--first-color);
    color: white;
    border: 1px solid var(--first-color);
}*/
span.navbar-control-trigger i{
    background: var(--first-color);
}
/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
.slider-box img{
    opacity: unset;
}
.slider-inner-box{
    z-index: 999;
}
.slider-box{
    position: relative;
    overflow: hidden;        
}
/*.slider-box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(90deg,#3c475a 25%,rgba(0, 212, 255, 0) 100%);
}*/
.slider-inner-box {
    text-align: left;
}
.slider-inner-box h5 {
    color: #fff;
    font-weight: 100;
    font-size: 50px;
    text-transform: capitalize;
}
.slider-inner-box h2 {
    font-weight: 100;
    font-size: 40px;
    text-transform: capitalize;
}
.slider-btns {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 25px;
}
.slide-btn-1 a {
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
    color: #fff;
}
.slide-btn-2 a {
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    border-radius: 5px;
    background: transparent;
    border: 1px solid var(--first-color);
}

/* Two-column hero slide: gradient card, content on the left, image on the right */
#top-slider .slider-box {
    display: flex;
    align-items: stretch;
    min-height: 400px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(135deg, #fde6ee 0%, #f8c9dc 100%);
}
#top-slider .slider-inner-box {
    position: static;
    transform: none;
    flex: 1 1 45%;
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#top-slider .slider-image-box {
    flex: 1 1 55%;
    position: relative;
}
#top-slider .slider-image-box img,
#top-slider .slider-box img {
    width: 100% !important;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
    max-height: 400px;
}
@media screen and (max-width: 991px){
  .beauty-cosmetics-lite-product-section ul.products li{
    background: #F5EFE6;
  }
  .beauty-cosmetics-lite-product-section ul.products li.product .beauty-cosmetics-lite-wishlist{
    display: block;
  }
}
@media screen and (max-width: 767px) {
    #top-slider .slider-box {
        flex-direction: column;
        min-height: auto;
    }
    #top-slider .slider-inner-box,
    #top-slider .slider-image-box {
        flex: 1 1 100%;
    }
    #top-slider .slider-image-box img,
    #top-slider .slider-box img {
        height: 260px;
    }
}

/* Image Box 1 ("Beauty & Care" card): gradient background with the product
   image floating in the middle instead of stretched as a full-bleed photo */
#top-slider .right-image-box {
    position: relative;
    min-height: 400px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(180deg, #c8b6e4 0%, #a6d9dd 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
#top-slider .right-image-box img {
    width: auto;
    max-width: 65%;
    height: auto;
    max-height: 40%;
    object-fit: contain;
    border-radius: 0;
}
#top-slider .left-text-box {
    top: 30px;
}
#top-slider .right-image-box p.left-text-content {
    font-size: 14px;
    color: #4c4a4a;
    margin-top: 4px;
}

/*--------------------------------------------------------------
## Products
--------------------------------------------------------------*/

#author-product-tabs .tab-pane {
    display: none;
}

#author-product-tabs .tab-pane.show.active {
    display: block;
}

#author-product-tabs .men-tabs ul li button {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background: transparent;
    border:none;
}

/* ===============================
   FIX BOOTSTRAP TABS DISAPPEARING
   =============================== */

/* Do NOT allow theme CSS to hide everything */
.featured .tab-content {
    display: block;
}

/* Hide all panes by default (Bootstrap behavior) */
.featured .tab-content > .tab-pane {
    display: none;
    opacity: 0;
    visibility: hidden;
}

/* Show ONLY active tab */
.featured .tab-content > .tab-pane.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* Optional smooth effect */
.featured .tab-content > .tab-pane {
    transition: opacity 0.3s ease-in-out;
}

.text_box h4 a{
    color: #000;
    font-weight: 300    ;
}

.featured h3 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 100;
}
p.cat-head{
    font-weight: bold;
    font-size: 26px;
}
.men-tabs a.nav-link {
    border: 0px;
    color: #1b1b1b;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: bold;
    text-transform: uppercase;
}
.men-tabs a.nav-link.active {
    position: relative;
    background: none;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.men-tabs a.nav-link.active::before {
    content: "";
    position: absolute;
    left: -5px;
    transform: rotate(90deg);
    height: 60%;
    width: 10px;
    background: var(--first-color);
    border-radius: 10px;
}
.sells-product span.onsale {
  position: absolute;
  top: 5%;
  left: 5%;
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 12px;
  background: #D766FF;
  font-weight: 500;
}

.men-tabs ul.nav-tabs.nav {
    border: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prodimg_box img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

h4.hidedesktop a {
  font-size: 20px;
  font-weight: 500;
  color: #222222;
}
h4.hidedesktop a:hover{
  color: var(--first-color);
}
.text_box p.price {
  font-size: 20px;
  font-weight: 700;
  color: #EF2923;
}

.text_box p.price del {
  font-weight: 400;
  color: #797979;
}

.sells-product .text_box {
  padding: 20px 15px;
  text-align: center;
}

.bg-color,.mask1{
    background: #EDEDED;
    min-height: 400px;
}

a.product-btn {
  background: var(--first-color);
  padding: 10px 25px;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  border-radius: 30px;
  display: inline-block;
  font-weight: 500;
}

span.feedback {
  font-size: 0px;
}

.prodimg_box i.yith-wcwl-icon.fa.fa-heart {
  font-weight: 100;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse a {
  font-size: 0;
  position: relative;
}

.prodimg_box .yith-wcwl-wishlistexistsbrowse a {
  font-size: 0px;
  right: 0px;
  position: absolute;
}

a.add_to_wishlist.single_add_to_wishlist {
  background: #FFFFFF;
  padding: 10px;
  border-radius: 30px;
  width: 35px;
  text-align: center;
  display: block;
  height: 35px;
}

a.add_to_wishlist.single_add_to_wishlist i{
  margin-right: 0px;
  color: #797979;
}

.prodimg_box .inner_product:hover .yith-wcwl-wishlistexistsbrowse a:after {
  opacity: 1;
}

.prodimg_box .inner_product:hover .yith-wcwl-wishlistaddedbrowse a:after {
  opacity: 1;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse {
  display: flex;
}

.prodimg_box a.added_to_cart.wc-forward {
  margin-left: 49px;
  padding: 10px !important;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse a:after,
.yith-wcwl-wishlistexistsbrowse a:after {
  content: '\f004';
  font-size: 16px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  opacity: 1;
  width: 35px;
  height: 35px;
  font-size: 14px;
  padding: 8px;
  color: #797979;
  border-radius: 30px;
  background: #ffffff;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse {
  position: absolute;
}

.prodimg_box span.wishlist {
  position: absolute;
  top: 5px;
  right: 50px;
}

.prodimg_box .inner_product:hover .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  display: block;
}

.product-content .pro-button a {
  box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.25);
}

.featured h4.main-heading {
  color: #719582;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.featured p.main-content {
  color: #797979;
  font-size: 16px;
  font-weight: 400;
}

section.featured {
  position: relative;
  background: #FFFFFF;
}

.product-content h3 a {
  font-size: 22px;
  font-weight: 500;
  color: #222221;
}

.cart-btn a i {
  color: var(--first-color);
}

.cart-btn a {
  color: var(--first-color);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.cart-btn a.added_to_cart.wc-forward {
  margin-left: 16px;
}

.widget_text p a, .widget h1 a,.widget h2 a,.widget h3 a,.widget h4 a,.widget h5 a,.widget h6 a {
    text-decoration: underline;
}

.sidebar h1 a,.sidebar h2 a,.sidebar h3 a,.sidebar h4 a,.sidebar h5 a,.sidebar h6 a{
    color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 720px){
   .sidenav #site-navigation {
        padding: 40px 0;
    }
    .main-navigation .sub-menu,.main-navigation .menu > li > a:hover, .current-menu-item a{
        background: transparent;
    }
    .topbar-text {
        padding: 10px 0px;
    }
    .social-link {
        margin-top: 10px;
    }
    .bg-color{
        min-height: 350px;
    }
    .top-btn{
        justify-content: center;
    }
}
@media screen and (max-width: 1000px) {
    .main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
        color: var(--first-color) !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px){
    i.far.fa-times-circle {
      padding: 20px;
    }
    .sidenav .closebtn{
      right: 0;
    }
    p.site-title {
        text-align: left;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
  .main-navigation .menu{
    padding: 0px 35px;
  } 
  .phone-box{
    display: flex;
    justify-content: start;
  }
}

.footer-widgets h1,.footer-widgets h2,.footer-widgets h3,.footer-widgets h4,.footer-widgets h5,.footer-widgets h6{
    color: #ffffff;
}

/*--------------------------------------------------------------
## Product Section (child theme replacement for the parent
## theme's Popular Categories section)
--------------------------------------------------------------*/
.beauty-cosmetics-lite-product-section {
  position: relative;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li{
    box-shadow: unset;
}

.beauty-cosmetics-lite-product-section .yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg{
    margin-right: 0;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product .onsale, .woocommerce span.onsale{
    display: none;
}
.beauty-cosmetics-lite-product-section h2.woocommerce-loop-product__title {
    font-size: 22px !important;
    padding: 0;
    font-weight: 500 !important;
}
.beauty-cosmetics-lite-product-section span.woocs_price_code {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 12px;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product .price{
    color: #000000;
}
@media screen and (max-width: 767px) {
  .beauty-cosmetics-lite-product-section ul.products li.product {
    width: 100%;
  }
}

/* Owl Carousel takes over columns/wrapping, so each slide should fill its own owl-item */
.beauty-cosmetics-lite-product-section ul.products.beauty-cosmetics-lite-best-seller-carousel li.product {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-best-seller-carousel.owl-carousel {
  display: block;
}
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-best-seller-carousel .owl-nav {
  position: absolute;
  top: -60px;
  right: 0;
}
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-best-seller-carousel .owl-nav button.owl-prev,
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-best-seller-carousel .owl-nav button.owl-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #f4f4f4 !important;
  color: #000;
  margin-left: 10px;
}
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-best-seller-carousel .owl-nav button.owl-prev:hover,
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-best-seller-carousel .owl-nav button.owl-next:hover {
  background: #000 !important;
  color: #fff;
}

/*--------------------------------------------------------------
## Product Card Wishlist (YITH WooCommerce Wishlist) & Add to Cart
## overlay controls
--------------------------------------------------------------*/
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product {
  position: relative;
}

/* Wishlist button (YITH-generated markup: .yith-wcwl-add-to-wishlist > .yith-wcwl-add-button > a.add_to_wishlist) */
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product:hover .yith-wcwl-add-to-wishlist,
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product:focus-within .yith-wcwl-add-to-wishlist,
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist.exists {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
  margin: 0;
}
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist a.add_to_wishlist {
  display: flex;
  align-items: end;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.85);
  color: #161616;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover,
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist a.add_to_wishlist:focus {
  background-color: #ffffff;
  color: var(--first-color);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist .yith-wcwl-icon-svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist a.add_to_wishlist span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Add to Cart overlay button */
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product a.add_to_cart_button {
  position: relative;
  z-index: 4;
  margin: 0;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  margin-top: 8px;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product:hover a.add_to_cart_button,
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product:focus-within a.add_to_cart_button {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product a.add_to_cart_button i{
  background-color: #ffffff;
  border-radius: 50%;
  color: #000000;
  height: 35px;
  width: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.beauty-cosmetics-lite-product-section .yith-wcwl-wishlistaddedbrowse,.yith-wcwl-add-to-wishlist .yith-wcwl-add-button{
  align-items: end;
}
.beauty-cosmetics-lite-product-section li.product .add_to_cart_button.added,
.beauty-cosmetics-lite-product-section li.product .added_to_cart.wc-forward{
  display: none !important;
}

.beauty-cosmetics-lite-product-section li.product .added_to_cart.wc-forward{
  padding: 8px 20px;
  border-radius: 30px !important;
  font-weight: 500;
  margin-top: 8px !important;
  font-size: 15px;
}
.beauty-cosmetics-lite-product-section li.product .added_to_cart.wc-forward:hover{
  background-color: var(--first-color);
  color: #ffffff;
}
.beauty-cosmetics-lite-product-section li.product:hover .added_to_cart.wc-forward{
  display: block !important;
  width: fit-content;
  margin: 0 auto;
}




/* Beauty Wishlist Button */
.beauty-cosmetics-lite-product-section ul.products li.product {
  position: relative;
}

.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-wishlist {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  background-color: #F2E2CA;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  display: none;
}
.beauty-cosmetics-lite-product-section ul.products li.product:hover .beauty-cosmetics-lite-wishlist{
  display: block;
}
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-wishlist .yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-wishlist svg.yith-wcwl-icon{
  color: #200E32 !important;
  opacity: 0.3;
  height: 24px;
}
.beauty-cosmetics-lite-product-section .beauty-cosmetics-lite-wishlist .yith-add-to-wishlist-button-block{
  margin-top: 12px;
}




/* Touch devices have no hover state, so keep both controls reachable. */
@media (hover: none), screen and (max-width: 768px) {
  .beauty-cosmetics-lite-product-section .woocommerce ul.products li.product a.add_to_cart_button,
  .beauty-cosmetics-lite-product-section .yith-wcwl-add-to-wishlist {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

.beauty-cosmetics-lite-product-section ul.products li:hover {
    padding: 30px;
    background: #F5EFE6;
    border-radius: 20px;
}

.beauty-cosmetics-lite-product-section .woocommerce a.button{
    border: solid 2px var(--first-color);
    background: var(--first-color);
    color: #fff;
    border-radius: 30px !important;
    font-weight: 400;
    padding: 5px 20px 5px 5px;
}

.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product {
    position: relative;
    padding: 60px 60px 40px 60px !important;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product .price ins,
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product .price del{
  font-weight: 500;
}
.beauty-cosmetics-lite-product-section .woocommerce ul.products li.product:hover .price ins{
  color: var(--first-color);
}

.beauty-cosmetics-lite-product-section .woocommerce ul.products li:hover .product{
    padding: 60px !important;
}

.beauty-cosmetics-lite-product-section .owl-stage li{
    scale: 0.98;
}
.beauty-cosmetics-lite-product-section .main-heading{
  font-weight: 500;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}