/*
Theme Name: Cosmetics Stores
Theme URI: https://www.titanthemes.net/products/cosmetics-stores
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Cosmetics Stores Theme is structured to present beauty-related products and content in an organized layout. It includes responsive design features that adapt content to different devices, maintaining consistent visual formatting. The homepage supports sections for product listings, banners, and category navigation. Product detail pages include image galleries, descriptions, pricing information, and review areas. The theme allows customization of headers, footers, typography, and color schemes to maintain consistent styling across pages. Blog layouts are available for publishing informational articles and updates. It supports integration with page builders for flexible content arrangement. Cosmetics brands can use structured product grids to display collections clearly. Makeup artists can organize portfolio sections alongside product showcases. Skincare clinics can present treatment-related information using structured content blocks. Beauty bloggers can publish articles with integrated media support. Online makeup stores can arrange product categories for easier navigation. Performance-focused coding helps maintain efficient page loading. The design also includes accessibility-friendly elements such as readable fonts and structured headings. Overall layout organization supports clear content hierarchy and simplified navigation across sections and improves structured browsing experience throughout site layout.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: cosmetics-stores
Tags: grid-layout, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-header, translation-ready, style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, photography, e-commerce, blog
*/

a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
button.wp-block-search__button.has-icon.wp-element-button{
  fill: #fff;
  color: #ffffff;
}
.prodcuct-box h2 a{
  text-decoration: none;
}
.header-inner-meta .wp-block-search__inside-wrapper {
  position: relative;
}
.header-inner-meta .wp-block-button a:focus{
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--primary) !important;
}
.post-date span.dashicons{
  color: #ffffff;
}
p.wp-block-post-excerpt__more-text a {
  background-color: var(--wp--preset--color--contrast);
  padding: 8px 25px;
  border-radius: 30px;
  color: #ffff;
  font-weight: 600 !important;
  text-decoration: none;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.post-date i{
  color: #ffffff;
}
.blog-image{
  position: relative;
}
.blog-image{
  height: 200px;
}
.wp-block-button__link{
  height: auto;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
}
.related-post h4,.related-post p{
  color: var(--wp--preset--color--contrast);
}
.header-inner-menu ul li{
  padding: 3px 20px;
  position: relative;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover{
  background: transparent !important;
}
.header-inner-menu ul li:hover ul.wp-block-navigation-submenu li a{
  color: #000000 !important
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover:after{
  display: none;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  color: #000;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  color: var(--wp--preset--color--base);
}
.header-inner-menu ul li.has-child.wp-block-navigation-submenu .wp-block-navigation__submenu-icon{
  color: #000000;
}
p.return-to-shop a,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart], .woocommerce .cart .button,.product-template-default .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce #review_form #respond .form-submit input{
  background: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a:hover, .header-inner-menu ul li.has-child.wp-block-navigation-submenu .wp-block-navigation__submenu-container a:hover{
  text-decoration: none;
  color: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a{
  position: relative;
  display: inline-block;
}
.wp-block-cover .wp-block-post-date time{
  color: #ffffff;
}
.post-block p.wp-block-post-author__name,.wp-block-post-date time,.post-block .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt,.sidebar-heading{
  color: var(--wp--preset--color--contrast);
}
.sidebar-box .wp-block-social-links a{
  color: #ffffff !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -0px;
  background: #ffffff !important;  
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  justify-content: center !important;
}
.service-text-main{
  text-align: center;
}
.blog-heading{
  text-align: center;
}
.service-text-main .about-sec-title,.blog-heading .short-heading-banner{
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
}
.service-text-main .about-sec-title:after ,.blog-heading .short-heading-banner:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0px;
  width: 100%;
  right: 0px;
  height: 8px;
  background-color: var(--wp--preset--color--tertiary);
  z-index: 0;
  border-radius: 3px;
  margin: 0 auto;
  clip-path: ellipse(45% 30% at 50% 50%);
}
.blog-image{
  height: 180px;
  position: relative;
}
.category-column .prodcuct-box figure img{
  height: 100px;
}
.header-inner-meta{
  position: relative;
}
.wp-block-social-links svg {
  font-size: 18px;
}
.wp-block-cover__inner-container time a {
  color: #fff !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li:after{
  display: none;
}
button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 10px !important;
  align-items: center;
}

/*============== Effects Section ==============*/
.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}
/*============== Effects End Section ==============*/

.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
footer.wp-block-template-part .cosmeticsstores-footer-list {
  gap: 15px;
}
footer .cosmeticsstores-footer-list a{
  text-decoration: none;
}
footer .footer-bottom-box a{
  color: #ffffff;
}
footer a:hover{
  color: var(--wp--preset--color--tertiary) !important;
}
footer .wp-block-social-links li:hover,
footer .wp-block-social-links li a:hover {
  background-color: var(--wp--preset--color--tertiary) !important;
  border-radius: 50%;
}
footer .wp-block-social-links li a{
  padding: 10px;
}
footer .wp-block-social-links li a svg{
  height: 22px !important;
  width: 22px !important;
}
footer .wp-block-social-links li a:hover,
footer .wp-block-social-links li:hover a{
  color: #ffffff !important;
  fill: #ffffff !important;
}

/*.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,*/
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-weight: 500 !important;
}
.wp-block-woocommerce-customer-account a svg{
  height: 28px;
}
.wp-block-woocommerce-customer-account a{
  white-space: unset;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]:hover{
  background: var(--wp--preset--color--primary);
}
span.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
  padding: 0px;
  margin: 10px 0px;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward:hover{
  background-color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title h2{
  font-size: 25px;
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title .edit{
  float: left;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.woocommerce-Button{
  color: #ffffff;
}

/* Header Section */
.header-section .header-bottom nav.wp-block-navigation li a.wp-block-navigation-item__content:hover{
  color: #09648F;
  text-decoration: none;
}
.home .header-section{
  border-bottom: none;
}
.header-section .header-top .topbar-text2,
.header-section .header-top .topbar-text3{
  position: relative;
}
.header-section .header-top .topbar-text2:before,
.header-section .header-top .topbar-text2:after{
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.header-section .header-top .topbar-text2:before{
  left: -40px;
}
.header-section .header-top .topbar-text2:after{
  right: -40px;
}
.header-section .header-middle .header-search{
  background-color: #F6F6F6;
  border-radius: 5px;
}
.header-section .header-middle .header-search button.wp-block-search__button{
  padding: 2px;
  margin-left: 0;
  background-color: transparent;
}
.header-section .header-middle .header-search input.wp-block-search__input{
  padding: 4px 10px;
  border: none;
  background-color: transparent;
}
.header-section .header-middle .header-search button.wp-block-search__button svg{
  fill: #0F0F0F66;
}
.header-section .header-middle .header-right-btns .wishlist-btn a:focus, 
.header-section .header-middle .header-right-btns .account-btn a:focus, 
.header-section .header-middle .header-right-btns .cart-btn a:focus{
  color: var(--wp--preset--color--contrast);
}
.header-section .header-middle .header-right-btns .wishlist-btn a, 
.header-section .header-middle .header-right-btns .account-btn a, 
.header-section .header-middle .header-right-btns .cart-btn a{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  padding: 0;
}
.header-section .header-middle .header-right-btns .account-btn a span{
  font-weight: 400 !important;
}
.header-section .header-right-btns .wishlist-btn i,
.header-section .header-right-btns .account-btn svg,
.header-section .header-right-btns .cart-btn svg{
  height: 26px;
  width: 26px;
  font-size: 20px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 4px;
}
.header-section .header-right-btns .wishlist-btn a,
.header-section .header-right-btns .cart-btn span.wc-block-cart-link__text{
  line-height: 1;
}
.header-section .header-right-btns .wishlist-btn a:hover,
.header-section .header-right-btns .account-btn a:hover,
.header-section .header-right-btns .cart-btn a:hover{
  color: var(--wp--preset--color--primary);
}

/* Banner Section */
.banner-section .banner-sub-title{
  width: fit-content;
  margin: 0 auto;
}
.banner-section .banner-review-box .banner-review-img{
  display: flex;
}
.banner-section .banner-review-box .banner-review-img img{
  height: 35px;
  width: auto !important;
}
.banner-section .banner-btns a{
  transition: 1s;
}
.banner-section .banner-btns a:hover{
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--base) !important;
}
.banner-section .banner-down-arrow{
  text-align: center;
}

/* Product Section Static*/
.product-section .product-img-box .product-sale-tag{
  position: absolute;
  top: 15px;
  left: 0;
}
.product-section .product-img-box .product-img img{
  width: 100% !important;
}
.product-section .product-img-box .product-cart a img, .product-section .product-img-box .product-wishlist a img{
  height: 16px;
  width: 16px !important;
  object-fit: contain;
}
.product-section .product-img-box .product-cart a, .product-section .product-img-box .product-wishlist a{
  aspect-ratio: 1;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-section .product-img-box .product-wishlist a{
  box-shadow: 2px 2px 4px 0px #E5EAEF;
}
.product-section .product-img-box .product-wishlist{
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.product-section .product-main-box:hover .product-title a{
  color: var(--wp--preset--color--primary);
}
.product-section .product-main-box .product-title a{
  text-decoration: none;
}

/* Product Section */
.product-section .product-sec-btn a, .blogs-section .blog-sec-btn a{
  box-shadow: 4px 4px 6px 0px #B2B2B23D;
  transition: 1s;
}
.product-section .product-sec-btn a:hover, .blogs-section .blog-sec-btn a:hover{
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
}
.product-section .product-img .product-sale-tag .wc-block-components-product-sale-badge{
  left: 0;
  top: 15px;
}
.product-section .product-img-box{
  position: relative;
}
.product-section .product-img .yith-wcwl-add-to-wishlist-button{
  bottom: 15px;
  right: 15px;
  top: auto;
  left: auto;
  background-color: #F2F4F6 !important;
  border-radius: 50%;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 6px;
}
.product-section .product-img .yith-wcwl-add-to-wishlist-button svg{
  height: 18px !important;
  width: 18px !important;
}
.product-section .product-out-box li.wc-block-product .product-cart,
.product-section .product-main-box .product-cart{
  position: absolute;
  right: 15px;
  top: 15px;
  margin-top: 0;
}
.product-section .product-out-box li.wc-block-product .product-img .product-sale-tag .wc-block-components-product-sale-badge,
.product-section .product-out-box li.wc-block-product .product-cart,
.product-section .product-main-box .product-img-box .product-sale-tag,
.product-section .product-main-box .product-cart{
  display: none;
}
.product-section .product-out-box li.wc-block-product:hover .product-img .product-sale-tag .wc-block-components-product-sale-badge,
.product-section .product-out-box li.wc-block-product:hover .product-cart,
.product-section .product-main-box:hover .product-img-box .product-sale-tag,
.product-section .product-main-box:hover .product-cart{
  display: block;
}
.product-section .product-cart .add_to_cart_button{
  background-color: var(--wp--preset--color--button-bg);
}
.product-section .product-cart .add_to_cart_button span{
  text-indent: -9999px;
  background-image: url(./assets/images/cart-img.png);
  height: 18px;
  width: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-section .product-cart span:has(.added_to_cart.wc_forward){
  background-color: var(--wp--preset--color--button-bg);
  position: absolute;
  padding: 8px;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.product-section .product-cart .added_to_cart.wc_forward{
  margin: 0;
  text-indent: -9999px;
  background-image: url(./assets/images/view-cart.png);
  height: 18px;
  width: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-section .product-rating, .product-section .product-rating .rating, .product-section .product-rating span{
  color: #FFD600;
  font-size: 12px;
}
.product-section .wc-block-product .product-img-box .product-img, .product-section .product-main-box .product-img{
  overflow: hidden;
}
.product-section .wc-block-product .product-img-box img, .product-section .product-main-box .product-img img{
  transition: 1s;
  object-fit: cover;
}
.product-section .wc-block-product:hover .product-img-box img, .product-section .product-main-box:hover .product-img img{
  transform: scale(1.1);
}
.product-section .wc-block-product:hover .product-title a{
  color: var(--wp--preset--color--primary);
}

/* Blogs Section */
.blogs-section .blogs-btm-box .blog-boxes li.wp-block-post:hover .blog-sec-title a{
  color: var(--wp--preset--color--primary);
}
.blogs-section .blogs-btm-box .blog-sec-img img{
  height: 300px;
  width: 100%;
}
.blogs-section .wp-block-post-date time{
  font-size: 15px;
  color: #494A48;
}
.blogs-section .wp-block-post-excerpt__more-link {
  background: transparent;
  border-radius: 6px;
  background-color: var(--wp--preset--color--button-bg);
  color: var(--wp--preset--color--contrast);
  text-transform: capitalize;
  font-size: 15px;
  margin-right: 5px;
  padding: 6px 15px;
  transition: 0.8s;
}
.blogs-section li.wp-block-post:hover .wp-block-post-excerpt__more-link{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}
.blogs-section .wp-block-post-excerpt__more-link:hover {
  color: #000000;
}
.blogs-section .wp-block-post-excerpt__more-link:hover::after {
  background-color: #000000;
}
.blogs-section ul li .wp-block-column {
  flex-basis: 50% !important;
}
.blogs-section h2 a:hover {
  color: var(--wp--preset--color--primary);
}

/* Footer Section */
.footer-section {
  padding: unset;
}
.footer-section .footer-info-boxes p, .footer-section .footer-info-boxes li, .footer-section .footer-info-boxes a{
  font-size: 15px !important;
}
.footer-section .footer-info-boxes .wp-block-site-title a{
  font-size: 30px !important;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  footer p{
    text-align: center !important;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
    right: auto;
    width: 100%;
    position: relative;
    padding: 0px 0px;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    width: 100% !important;
    align-items: center;
    gap: 0px;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul li a{
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-align: center;
  }
  .header-inner-menu ul li.wp-block-navigation-submenu{
    padding: 0px !important;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul {
    gap: 0px !important;
  }
  .header-inner-menu ul li ul.wp-block-navigation-submenu li a{
    justify-content: center;
  }
  .header-inner-menu ul li {
    padding: 0px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
  button.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--primary);
    padding: 5px;
    border-radius: 30px;
  }
  .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--base) !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    width: 100% !important;
    align-items: center;
  }
  .header-inner-menu ul li a{
    color: #000000 !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-inner-menu li:after {
    display: none;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .blog-meta{
    gap:10px !important;
  }
  .service-text-main .about-sec-title,.service-text-main p{
    text-align: center;
  }
  .banner-cover{
    padding-top: 0px !important;
  }
  .service-text h6,.service-text p{
    text-align: center !important;
  }
  .header-inner-menu nav{
    justify-content: center !important;
  }
  .header-inner-menu ul{
    justify-content: center;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .header-logo h1 {
    text-align: center;
  }
  .blogs-section .wp-block-column{
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  .categories-cloumn{
    display: grid !important;
    grid-template-columns: auto auto;
  }
  .wp-block-social-links{
    justify-content: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .header-inner-menu ul {
    gap:0px !important;
  }
  .header-inner-meta {
    flex-basis: 26% !important;
  }
  .count-row,.blog-meta{
    gap:10px;
  }
  .header-inner-meta .wp-block-group{
    gap:10px;
  }
  .header-logo h1{
    font-size: 20px !important;
  }
  .blog-column,.category-column, footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-89f6da4a.wp-block-columns-is-layout-flex,.news-heading-box ,.news-section .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow,.tour-box,.about-box,.service-group,.general-top-header .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
  .wp-block-social-links{
    gap:7px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .header-inner-menu ul li{
    padding: 3px 7px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .header-inner-menu ul li{
    padding: 3px 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .single-image figure{
    width: 100% !important;
  } 
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .wc-block-components-product-price{
    font-size: 15px !important;
  }
  .wp-block-social-links{
    gap:10px !important;
  }
}
@media screen and (max-width: 940px) {
  .footer-section,
  .blogs-section {
    clip-path: none;
  }
}
@media screen and (max-width: 767px) {
  .header-section .header-top .header-inner-top{
    gap: 10px;
  }
  .header-section .header-middle .header-right-btns .header-right-in-btns{
    justify-content: center;
  }
  .banner-section .banner-content{
    max-width: 90%;
  }
  .banner-section .banner-bg .wp-block-cover__inner-container{
    padding: 0;
  }
  .header-section .header-top .header-inner-top, 
  .banner-section .banner-review-box,
  .product-section .product-head-box,
  .blogs-section .blogs-head-box{
    flex-direction: column;
  }
  .product-section .product-head-box .product-sec-title, .blogs-section .blogs-head-box .blog-sec-title{
    font-size: 26px !important;
  }
  .product-section .product-boxes .product-title, .blogs-section .wp-block-post .blog-sec-title, .about-section .about-info-box .about-box-title{
    font-size: 20px !important;
  }
  .product-section .product-boxes .wc-block-product .wc-block-components-product-image img, 
  .product-section .product-main-box .product-img img{
    height: 260px !important;
  }
  .product-section .product-main-box .product-img-box{
    min-height: 260px !important;
  }
  .product-section .product-boxes ul.product-out-box{
    display: flex;
    flex-direction: column;
  }
  footer .footer-info-boxes{
    text-align: center;
  }
  footer .footer-info-boxes ul{
    display: inline-block;
  }
  footer .footer-info-boxes ul li{
    width: fit-content;
    margin: 0 auto;
  }
  footer .footer-info-boxes .footer-contact-info p{
    width: 100%;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
  .header-box-upper .header-inner-menu button.wp-block-navigation__responsive-container-open{
    background: #000;
    padding: 6px;
    border-radius: 4px;
    color: #ffffff;
    box-shadow: -2px 8px 17.1px 0px #FFFFFF40;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){ 
  .header-section .header-top .header-inner-top{
    gap: 10px 70px;
  }
  .banner-section .banner-content{
    max-width: 80%;
  }
  .header-section .header-middle .header-right-btns .header-right-in-btns{
    justify-content: center;
  }
  .header-section .header-middle .header-middle-inner{
    flex-direction: column;
  }
  .header-section .header-logo .wp-block-site-title{
    text-align: center;
  }
  .product-section .product-boxes .wc-block-product .wc-block-components-product-image img{
    height: 260px !important;
  }
  .about-section .about-boxes{
    display: grid;
    grid-template-columns: auto auto;
  }
  .product-section .product-boxes .product-out-box{
    flex-wrap: nowrap !important;
  }
  .product-section .product-boxes .product-out-box .product-img-box .product-img{
    height: 260px !important;
  }
  .product-section .product-boxes .product-out-box .product-img-box{
    min-height: 260px !important;
  }
  .about-section .about-box{
    display: grid;
    grid-template-columns: auto auto auto; 
  }
  footer .footer-info-boxes{
    display: grid;
    grid-template-columns: auto auto;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .banner-section .banner-content{
    max-width: 60% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-logo{
    flex-basis: 20% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-search{
    flex-basis: 50% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-right-btns{
    flex-basis: 30% !important;
  }
  .about-section .about-boxes{
    gap: 14px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
  .banner-section .banner-content{
    max-width: 50% !important;
  }
}


.menu-upsell-nav > a {
  background-color: var(--wp--preset--color--primary) !important; 
  color: #ffffff !important;
  padding: 6px 12px;
  border-radius: 12px;
}

.menu-upsell-nav > a:hover {
  background-color: #000 !important;
  color: #fff !important;
}