@charset "UTF-8";
/*!
Theme Name: Cosmetics Shop
Theme URI: https://www.vwthemes.com/products/cosmetics-shop  
Author: VWThemes
Author URI: https://www.vwthemes.com/
Description: The Cosmetics Shop theme is designed for beauty brands, skincare stores, makeup boutiques, cosmetic product retailers, beauty supply shops, organic skincare sellers, makeup brands, and personal care businesses that want a clean, conversion-focused online presence. With its stylish layout and mobile-responsive structure, this theme helps you create a stunning cosmetics store website that showcases beauty products, skincare items, makeup collections, and wellness products with clarity and sophistication. Ideal for makeup shops, skincare ecommerce stores, beauty product retailers, cosmetic marketplaces, and online beauty shops, it combines elegant design with practical functionality. The fully customizable homepage lets you highlight best-selling products, new arrivals, discount offers, and promotional banners to increase engagement and sales. The theme integrates seamlessly with the WooCommerce plugin, making it easy to manage products, handle secure payments, control inventory, and run a fully functional beauty and cosmetics online store. Built with speed, SEO-friendly structure, and user experience in mind, it ensures fast loading times and smooth navigation. You can personalize colors, fonts, sections, and layouts using the built-in Customizer. Whether you are launching a makeup online store, skincare shop, beauty and wellness storefront, or cosmetic product catalog, this theme offers the flexibility and professionalism you need, including sections for product categories, featured collections, testimonials, brand highlights, blogs, and beauty tips, all wrapped in clean code, Gutenberg compatibility, and a user-friendly interface for a successful cosmetics retail website.Live Demo:https://www.vwthemes.net/cosmetics-shop-pro/
Version: 1.1.5
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cosmetics-shop
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, blog, photography, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Cosmetics Shop is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.

*/

*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

/* ============================================================
   Global: khoảng cách giữa các button trong wp-block-buttons
   ============================================================ */
.wp-block-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px 20px !important;
}
.wp-block-buttons > .wp-block-button {
    margin: 0 !important;
}

/* ============================================================
   Global Font: Be Vietnam Pro
   ============================================================ */
html,
body,
button,
input,
select,
textarea,
.wp-site-blocks,
.editor-styles-wrapper,
h1, h2, h3, h4, h5, h6,
p, a, li, span, div {
  font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* ============================================================
   Utility Classes
   ============================================================ */

/* Margin all sides */
.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 40px !important; }
.m-50 { margin: 50px !important; }
.m-auto { margin: auto !important; }

/* Margin top */
.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-100 { margin-top: 100px !important; }

/* Margin bottom */
.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-100 { margin-bottom: 100px !important; }

/* Margin left */
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-auto { margin-left: auto !important; }

/* Margin right */
.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-auto { margin-right: auto !important; }

/* Margin X (left + right) */
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mx-15 { margin-left: 15px !important; margin-right: 15px !important; }
.mx-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mx-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Margin Y (top + bottom) */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.my-50 { margin-top: 50px !important; margin-bottom: 50px !important; }

/* Padding all sides */
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }

/* Padding top */
.pt-0 { padding-top: 0 !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-100 { padding-top: 100px !important; }

/* Padding bottom */
.pb-0 { padding-bottom: 0 !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-100 { padding-bottom: 100px !important; }

/* Padding left */
.pl-0 { padding-left: 0 !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }

/* Padding right */
.pr-0 { padding-right: 0 !important; }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }

/* Padding X */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-10 { padding-left: 10px !important; padding-right: 10px !important; }
.px-15 { padding-left: 15px !important; padding-right: 15px !important; }
.px-20 { padding-left: 20px !important; padding-right: 20px !important; }
.px-30 { padding-left: 30px !important; padding-right: 30px !important; }
.px-40 { padding-left: 40px !important; padding-right: 40px !important; }

/* Padding Y */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }

/* Border radius */
.rounded-0 { border-radius: 0 !important; }
.rounded-4 { border-radius: 4px !important; }
.rounded-6 { border-radius: 6px !important; }
.rounded-8 { border-radius: 8px !important; }
.rounded-10 { border-radius: 10px !important; }
.rounded-12 { border-radius: 12px !important; }
.rounded-16 { border-radius: 16px !important; }
.rounded-20 { border-radius: 20px !important; }
.rounded-24 { border-radius: 24px !important; }
.rounded-full { border-radius: 9999px !important; }
.rounded-circle { border-radius: 50% !important; }

/* Min height */
.min-h-0 { min-height: 0 !important; }
.min-h-50 { min-height: 50px !important; }
.min-h-100 { min-height: 100px !important; }
.min-h-150 { min-height: 150px !important; }
.min-h-200 { min-height: 200px !important; }
.min-h-250 { min-height: 250px !important; }
.min-h-300 { min-height: 300px !important; }
.min-h-350 { min-height: 350px !important; }
.min-h-400 { min-height: 400px !important; }
.min-h-450 { min-height: 450px !important; }
.min-h-500 { min-height: 500px !important; }
.min-h-600 { min-height: 600px !important; }
.min-h-700 { min-height: 700px !important; }
.min-h-800 { min-height: 800px !important; }

/* Max height */
.max-h-0 { max-height: 0 !important; }
.max-h-50 { max-height: 50px !important; }
.max-h-100 { max-height: 100px !important; }
.max-h-150 { max-height: 150px !important; }
.max-h-200 { max-height: 200px !important; }
.max-h-250 { max-height: 250px !important; }
.max-h-300 { max-height: 300px !important; }
.max-h-350 { max-height: 350px !important; }
.max-h-400 { max-height: 400px !important; }
.max-h-450 { max-height: 450px !important; }
.max-h-500 { max-height: 500px !important; }
.max-h-600 { max-height: 600px !important; }
.max-h-700 { max-height: 700px !important; }
.max-h-800 { max-height: 800px !important; }
.max-h-none { max-height: none !important; }

/* Height (fixed) */
.h-auto { height: auto !important; }
.h-100 { height: 100px !important; }
.h-150 { height: 150px !important; }
.h-200 { height: 200px !important; }
.h-250 { height: 250px !important; }
.h-300 { height: 300px !important; }
.h-400 { height: 400px !important; }
.h-500 { height: 500px !important; }
.h-full { height: 100% !important; }
.h-screen { height: 100vh !important; }

/* Min width */
.min-w-0 { min-width: 0 !important; }
.min-w-100 { min-width: 100px !important; }
.min-w-150 { min-width: 150px !important; }
.min-w-200 { min-width: 200px !important; }
.min-w-300 { min-width: 300px !important; }

/* Max width */
.max-w-100 { max-width: 100px !important; }
.max-w-200 { max-width: 200px !important; }
.max-w-300 { max-width: 300px !important; }
.max-w-400 { max-width: 400px !important; }
.max-w-500 { max-width: 500px !important; }
.max-w-600 { max-width: 600px !important; }
.max-w-700 { max-width: 700px !important; }
.max-w-800 { max-width: 800px !important; }
.max-w-1000 { max-width: 1000px !important; }
.max-w-1200 { max-width: 1200px !important; }
.max-w-1300 { max-width: 1300px !important; }
.max-w-full { max-width: 100% !important; }
.max-w-none { max-width: none !important; }

/* Text align */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

/* Display */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-flex { display: flex !important; }
.d-grid { display: grid !important; }

/* Flex utilities */
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.justify-start { justify-content: flex-start !important; }
.justify-center { justify-content: center !important; }
.justify-end { justify-content: flex-end !important; }
.justify-between { justify-content: space-between !important; }
.justify-around { justify-content: space-around !important; }
.items-start { align-items: flex-start !important; }
.items-center { align-items: center !important; }
.items-end { align-items: flex-end !important; }

/* Width */
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }

/* Overflow */
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-auto { overflow-x: auto !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-auto { overflow-y: auto !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-scroll { overflow-y: scroll !important; }

/* ============================================================
   End Utility Classes
   ============================================================ */

header a,
footer a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  font-weight: 700;
}

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

table {
  width: 100%;
  border-spacing: 0; }

th, td {
  padding: 5px;
  text-align: center; }

table td,
table tr,
table th {
  border: 1px solid #ddd; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

img, .wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

figure {
  margin: 1em 0; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-size: 17px; }

abbr,
acronym {
  border-bottom: 1px dotted #ddd;
  cursor: help; }

mark,
ins {
  background: #ddd;
  text-decoration: none; }

big {
  font-size: 125%; }

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 1.75;
  padding: 7px 15px;
  color: #1c1c1c;
}
p a {
  text-decoration: underline;
}
textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px; }

input[type="checkbox"] {
  display: inline; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c3c3c3; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a3a2a2; }

hr {
  background-color: #999;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; 
}
a {
  color: var(--wp--preset--color--secondary);
  outline: 0 !important;
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--primary);
}
a:focus-visible, a:focus {
  outline: thin dotted !important;
}
a:hover, a:active, a:hover {
  outline: 0;
  color: var(--wp--preset--color--primary);
}
/*alignwide*/
.alignfull{
  margin:0 !important;
  width: auto !important
}
h1,h2,h3,h4,h5,h6{
  color: #000;
}
/*---------------- Woocommerce CSS------------------ */
.woocommerce .wp-block-woocommerce-product-collection ul.wc-block-product-template h3.wp-block-post-title{
  font-size: 25px !important;
}
.woocommerce h3 a{
  color: #000!important;
  text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px;
}
.woocommerce .wp-block-query-pagination-numbers{
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .wp-block-query-pagination{
  gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
  background: #000;
  color: #fff !important;
}
.woocommerce .wp-block-post{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
  border: 1px solid #bcbcbc;
}
.related.products h2 {
  text-align: left;
}
.woocommerce .star-rating span::before {
  color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 8px;
  font-size: 15px !important;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
  padding: 0;
  color: #fff;
}
.products li {
  box-shadow: -2px -2px 5px #bbb;
  padding: 10px !important;
  text-align: center;
}
.woocommerce ul.products li.product a img{
  margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
  background: var(--wp--preset--color--primary);
  color: #fff ;
  border-radius: 1px solid var(--wp--preset--color--primary);
  padding: 8px 25px !important;
  opacity: 1 !important;
  text-decoration: none;
  border-radius: 30px;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
  border-radius: 1px solid var(--wp--preset--color--primary) !important;
  border: none !important;
  border-radius: 30px !important;
}
.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 .product .yith-wcwl-add-to-wishlist-button:hover{
  background: var(--wp--preset--color--secondary) !important;
  border: 1px solid var(--wp--preset--color--secondary);
  color: #ffffff !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px !important;
  border-radius: 30px;
  border: solid 1px #000;
  color: #000;
  line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
  max-width: 100%;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page{
  padding: 0 !important;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page .woocommerce{
  width: 80%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--wp--preset--color--primary);
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222 !important;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
  text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
  color: #000;
  line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb{
  max-width: 85%;
  margin: 0 auto;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  margin-top: 20px;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
  height: 1.5rem !important;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 0px !important;
}
.woocommerce-page form .password-input{
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: var(--wp--preset--color--primary);
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 110px !important;
  padding: 5px 5px 5px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
.woocommerce-page.archive .woocommerce-breadcrumb{
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
.woocommerce-page.archive .woocommerce-breadcrumb a{
  color: #ffffff;
}
#payment{
  margin: 0 0 30px 0;
}
.product-name a{
  color: #000;
}
.wp-block-heading {
  margin-bottom: 5px;
  margin-top: 5px;
}
.search-icon path{
  color: #000;
}
.single-product #reviews .comment-form .form-submit .submit.wp-block-button__link{
  width: auto;
}
.single-product .woocommerce.product .wp-block-woocommerce-product-price{
  margin-top: 0;
}
.single-product .woocommerce.product .alg_currency_select{
  width: auto;
  background-color: var(--wp--preset--color--primary);
  border: none;
  color: #ffffff;
}
.single-product .wp-block-woocommerce-product-meta .wp-block-group{
  margin-left: 0 !important;
}

.woocommerce .woocommerce-breadcrumb {
  max-width: 1300px;
  margin: 0 auto;
}

/* Single Product Page */
.single-product-breadcrumb {
  color: #777;
  font-size: 14px;
}
.single-product-breadcrumb a {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}
.single-product-breadcrumb a:hover {
  text-decoration: underline;
}
.wp-block-columns.single-product-main {
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 1300px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0px !important;
}
.single-product-gallery {
  position: sticky;
  top: 20px;
}
.single-product-gallery .wc-block-components-product-image,
.single-product-gallery img {
  border-radius: 12px;
  overflow: hidden;
}

/* === Product Image Gallery === */
.single-product-gallery .woocommerce-product-gallery {
  position: relative;
  width: 100% !important;
}

/* Ảnh chính */
.single-product-gallery .woocommerce-product-gallery__wrapper,
.single-product-gallery .flex-viewport {
  margin: 0 0 12px 0 !important;
  border-radius: 12px;
  overflow: hidden;
}
.single-product-gallery .woocommerce-product-gallery__image > a,
.single-product-gallery .woocommerce-product-gallery__image img {
  display: block;
  width: 100% !important;
  height: auto !important;
  border-radius: 12px;
}

/* Thumbnails — grid 4 cột, gap đều */
.single-product-gallery .flex-control-thumbs,
.single-product-gallery ol.flex-control-nav.flex-control-thumbs {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 240px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.single-product-gallery .flex-control-thumbs::-webkit-scrollbar {
  width: 4px;
}
.single-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb {
  background: var(--wp--preset--color--primary);
  border-radius: 2px;
}
.single-product-gallery .flex-control-thumbs li {
  width: 100% !important;
  margin: 0 !important;
  list-style: none !important;
}
.single-product-gallery .flex-control-thumbs li img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 200ms ease, transform 200ms ease;
  border: 2px solid transparent;
}
.single-product-gallery .flex-control-thumbs li img:hover {
  opacity: 1;
}
.single-product-gallery .flex-control-thumbs li img.flex-active,
.single-product-gallery .flex-control-thumbs li img:focus {
  opacity: 1;
  border-color: var(--wp--preset--color--primary);
}

/* WooCommerce block gallery (version mới) */
.single-product-gallery .wc-block-components-product-gallery {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.single-product-gallery .wc-block-product-gallery-thumbnails {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  max-height: 240px;
  overflow-y: auto;
}
.single-product-gallery .wc-block-product-gallery-thumbnails__thumbnail img {
  border-radius: 6px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.single-product-info .single-product-rating {
  color: #f5a623;
}
.single-product-benefits {
  background: #fdf8f4;
}
.single-product-cta .wp-block-button__link {
  width: 100%;
  text-align: center;
  display: block;
}
.single-product-cta .wp-block-button__link:hover {
  filter: brightness(1.08);
}
.single-product-meta {
  font-size: 13px;
  color: #777;
  padding-top: 16px;
  border-top: 1px solid #ede8e3;
}
.single-product-meta a {
  color: var(--wp--preset--color--primary);
}
.single-product-tabs {
  border-top: 1px solid #ede8e3;
  padding-top: 40px;
}
.single-product-tabs h2,
.single-product-tabs h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}
.single-product-description {
  border-top: 1px solid #ede8e3;
  padding-top: 40px;
}
.single-description-title {
  position: relative;
  padding-bottom: 12px !important;
  text-align: center !important;
}
.single-description-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 3px;
  background: var(--wp--preset--color--primary);
  border-radius: 2px;
}
.single-product-content {
  line-height: 1.8;
  font-size: 15px;
}
.single-product-content h2,
.single-product-content h3,
.single-product-content h4 {
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 12px;
}
.single-related-title {
  text-align: left;
  border-bottom: 2px solid var(--wp--preset--color--primary);
  padding-bottom: 10px;
  display: inline-block;
}
/*--------custom product------*/
.wp-container-core-group-is-layout-e552b16f,
.wp-container-core-group-is-layout-b6699c33{
    padding-left: 15px;
    padding-right: 15px;
}
.single-product-info {
    flex: 1 1 auto !important;
}

.single-product-cta .wp-block-button__link img {
    filter: brightness(0) invert(1);
}

.entry-content.single-product-content .image img {
    margin: 10px auto !important;
}

.entry-content.single-product-content figure.image {
    text-align: center;
}

.entry-content.single-product-content h1 {
    font-size: 2rem;
    margin: 10px 0;
}
.entry-content.single-product-content {
    max-width: 1100px;
    margin: auto;
}
/*--------end custom product------*/
@media (max-width: 768px) {
  .single-product-main {
    flex-direction: column !important;
  }
  .single-product-gallery,
  .single-product-info {
    flex-basis: 100% !important;
    width: 100% !important;
    position: static;
  }
  .single-product-title {
    font-size: 22px !important;
  }
  .single-product-price {
    font-size: 22px !important;
  }
    .wp-container-core-group-is-layout-e6cf8f05{
        flex-wrap: wrap;
        gap:10px
    }
    .wp-container-core-group-is-layout-e6cf8f05 .wc-block-catalog-sorting,
    .wp-container-core-group-is-layout-e6cf8f05 .wc-block-product-results-count{
        flex:1 1 auto;
    }
}

/* News / Blog Listing Page (/tin-tuc/) */
.news-page-title {
  position: relative;
  padding-bottom: 14px !important;
}
.news-page-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: var(--wp--preset--color--primary);
  border-radius: 2px;
}
.news-grid .news-grid-template,
.news-grid .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.news-grid .news-grid-template > li,
.news-grid .wp-block-post-template > li,
.news-grid .wp-block-post {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.news-card {
  background: transparent;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 300ms ease;
}
.news-card:hover .news-card-img img {
  transform: scale(1.03);
}
.news-card-img,
.news-card-img a {
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  aspect-ratio: unset !important;
}
.news-card-img img {
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  aspect-ratio: unset !important;
  transition: transform 500ms ease;
}
.news-card-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.news-card-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
.news-card-title a {
  color: var(--wp--preset--color--secondary);
  text-decoration: none;
}
.news-card-title a:hover {
  color: var(--wp--preset--color--primary);
}
.news-card-excerpt {
  color: #666;
  flex: 1;
}
.news-card-meta {
  margin-top: auto !important;
  color: #888;
  font-size: 13px !important;
}
.news-card-meta a {
  color: #888 !important;
  text-decoration: none;
}
.news-card-meta a:hover {
  color: var(--wp--preset--color--primary) !important;
}
.news-card-meta-sep {
  color: #ccc !important;
}
.news-card-author {
  font-weight: 500;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,
.wp-block-post .wp-block-post-date {
  margin-top: 0 !important;
}

/* News Section - fix ảnh 300px */
.news-section .news-img,
.news-section .wp-block-post-featured-image {
  height: 300px !important;
  min-height: 300px !important;
}
.news-section .news-img img,
.news-section .wp-block-post-featured-image img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
}

/* Hero Section */
.hero-section {
  background-color: #ffffec !important;
}

/* Featured Post */
.featured-post-section {
  background: #f9f6f1;
}
.featured-post-card {
  align-items: stretch !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 0 !important;
  gap: 0 !important;
  min-height: 460px !important;
}
.featured-post-img-col {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
/* figure > a > img — tất cả fill 100% chiều cao cột */
.featured-post-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.featured-post-img a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.featured-post-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 460px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
.featured-post-info-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 40px !important;
}
.featured-post-label {
  color: var(--wp--preset--color--primary) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  margin-bottom: 12px !important;
  display: block !important;
}
.featured-post-title {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-bottom: 18px !important;
}
.featured-post-title a {
  color: var(--wp--preset--color--secondary) !important;
  text-decoration: none !important;
}
.featured-post-title a:hover {
  color: var(--wp--preset--color--primary) !important;
}
/* Icon lịch + người trước meta */
.featured-post-date {
  color: #666 !important;
  font-size: 14px !important;
}
.featured-post-date::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.featured-post-author {
  color: #666 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.featured-post-author::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.featured-meta-sep {
  color: #ccc !important;
  margin: 0 2px !important;
}
.featured-post-meta {
  margin-bottom: 16px !important;
  gap: 8px !important;
}
.featured-post-excerpt {
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #555 !important;
  margin-bottom: 24px !important;
}
.featured-post-readmore {
  color: var(--wp--preset--color--primary) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.featured-post-readmore:hover {
  text-decoration: underline !important;
}
@media (max-width: 768px) {
  .featured-post-card.wp-block-columns {
    flex-direction: column !important;
      margin-bottom: 0
  }
    .featured-post-query li {
        margin-bottom: 0 !important;
    }
  .featured-post-img-col,
  .featured-post-info-col {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  .featured-post-img img {
    height: 260px !important;
  }
  .featured-post-title {
    font-size: 22px !important;
  }
}

/* Pagination */
.news-grid .wp-block-query-pagination {
  gap: 8px !important;
}
.news-grid .wp-block-query-pagination a,
.news-grid .wp-block-query-pagination span {
  padding: 8px 14px;
  border: 1px solid #ede8e3;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  color: var(--wp--preset--color--secondary);
}
.news-grid .wp-block-query-pagination a:hover,
.news-grid .wp-block-query-pagination .current {
  background: var(--wp--preset--color--primary);
  color: #fff;
  border-color: var(--wp--preset--color--primary);
}

@media (max-width: 1024px) {
  .news-grid .news-grid-template,
  .news-grid .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .news-grid .news-grid-template,
  .news-grid .wp-block-post-template {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   Single Post (Blog Detail)
   ============================================================ */

.single-post-breadcrumb {
  font-size: 13px !important;
  color: #888 !important;
}
.single-post-breadcrumb a {
  color: #888 !important;
  text-decoration: none;
}
.single-post-breadcrumb a:hover {
  color: var(--wp--preset--color--primary) !important;
}

.single-post-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  margin-bottom: 12px !important;
}
.single-post-date,
.single-post-author {
  font-size: 13px !important;
  color: #888 !important;
}

.single-post-title {
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 20px !important;
  color: var(--wp--preset--color--secondary) !important;
}

.single-post-thumb,
.single-post-thumb img {
  width: 100% !important;
  border-radius: 10px !important;
  display: block !important;
  margin-bottom: 28px !important;
}

/* Post content headings use primary color */
.single-post-content h2,
.single-post-content h3,
.single-post-content h4 {
  color: var(--wp--preset--color--primary) !important;
  font-weight: 700;
}
.single-post-content p {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}
.single-post-content img {
  border-radius: 8px;
  max-width: 100%;
}

.single-post-tags {
  font-size: 13px;
  color: #888;
}
.single-post-tag-list a {
  display: inline-block;
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  font-size: 12px;
  color: #555;
  text-decoration: none;
  margin: 2px 3px 2px 0;
}
.single-post-tag-list a:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}

/* Sidebar */
.single-post-sidebar {
  position: sticky;
  top: 90px;
  align-self: flex-start;
}

.sidebar-related-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--wp--preset--color--primary) !important;
  margin-bottom: 20px !important;
  color: var(--wp--preset--color--secondary) !important;
}

.sidebar-related-item {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 15px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.sidebar-related-img,
.sidebar-related-img a,
.sidebar-related-img img {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}

.sidebar-related-post-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-bottom: 5px !important;
}
.sidebar-related-post-title a {
  color: var(--wp--preset--color--secondary) !important;
  text-decoration: none !important;
}
.sidebar-related-post-title a:hover {
  color: var(--wp--preset--color--primary) !important;
}

.sidebar-related-date {
  font-size: 12px !important;
  color: #999 !important;
}

/* Bottom related posts section */
.single-post-related-section {
  border-top: 1px solid #ede8e3 !important;
  padding-top: 48px !important;
}

.related-section-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  margin-bottom: 36px !important;
  position: relative !important;
  display: inline-block !important;
}
.related-section-title::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background: var(--wp--preset--color--primary);
  margin: 10px auto 0;
  border-radius: 2px;
}

/* Related grid reuses .news-card */
.related-posts-grid .related-posts-template,
.related-posts-grid .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.related-posts-grid .wp-block-post-template > li,
.related-posts-grid .wp-block-post {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Responsive single post */
@media (max-width: 900px) {
  .single-post-layout.wp-block-columns {
    flex-direction: column !important;
  }
  .single-post-main,
  .single-post-sidebar {
    flex-basis: 100% !important;
    width: 100% !important;
    position: static !important;
  }
  .single-post-title {
    font-size: 24px !important;
  }
  .related-posts-grid .related-posts-template,
  .related-posts-grid .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .single-post-title {
    font-size: 20px !important;
  }
  .related-posts-grid .related-posts-template,
  .related-posts-grid .wp-block-post-template {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   Contact Page
   ============================================================ */
.wpcf7 br { display: none !important; }
.contact-page-title::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background: var(--wp--preset--color--primary);
  margin: 12px auto 0;
  border-radius: 2px;
}
.contact-form-box {
  background: #f9f6f1 !important;
}
.contact-info-box {
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
}
.contact-info-title,
.contact-info-box h3 {
  color: #fff !important;
}
.contact-info-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.contact-info-icon {
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}
.contact-info-text strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 2px;
}
.contact-info-text p {
  margin: 0;
  font-size: 15px;
  color: #fff;
}
.contact-info-text a {
  color: #fff !important;
  text-decoration: none;
}
.contact-info-text a:hover {
  text-decoration: underline;
}
.contact-social-box {
  background: #f9f6f1 !important;
}
.contact-social-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.contact-social-btn {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #fff !important;
}
.contact-social-btn.facebook { background: #1877f2; }
.contact-social-btn.tiktok   { background: #010101; }
.contact-social-btn.youtube  { background: #ff0000; }
.contact-social-btn:hover { opacity: 0.85; }

/* Form */
.contact-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.contact-form-group {
  margin-bottom: 18px;
}
.contact-form-group label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}
.contact-form-group label span {
  color: var(--wp--preset--color--primary);
}
.contact-form-group input,
.contact-form-group textarea {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  color: #333;
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
  font-family: inherit;
}
.contact-form-group input:focus,
.contact-form-group textarea:focus {
  border-color: var(--wp--preset--color--primary);
}
.contact-form-group textarea {
  resize: vertical;
}
.contact-submit-btn {
  display: inline-block;
  padding: 13px 36px;
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
  font-family: inherit;
}
.contact-submit-btn:hover {
  opacity: 0.88;
}
.contact-map-wrap iframe {
  border-radius: 12px;
  display: block;
  width: 100%;
}

@media (max-width: 768px) {
  .contact-layout.wp-block-columns {
    flex-direction: column !important;
  }
  .contact-form-col,
  .contact-info-col {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  .contact-form-row {
    grid-template-columns: 1fr !important;
  }
  .contact-form-box,
  .contact-info-box,
  .contact-social-box {
    padding: 24px !important;
  }
}

/* ============================================================
   About Page
   ============================================================ */
.about-section-label {
  color: var(--wp--preset--color--primary) !important;
}
.about-story-img img {
  width: 100% !important;
  height: 480px !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
}
.about-stat-number {
  color: var(--wp--preset--color--primary) !important;
}
.about-stat-item {
  text-align: center;
  padding: 24px 16px;
  border-right: 1px solid #ede8e3;
}
.about-stat-item:last-child {
  border-right: none;
}
.about-cta-section {
  text-align: center;
}
@media (max-width: 768px) {
  .about-story-cols.wp-block-columns {
    flex-direction: column !important;
  }
  .about-story-img-col,
  .about-story-text-col {
    flex-basis: 100% !important;
  }
  .about-story-img img {
    height: 280px !important;
  }
  .about-stat-item {
    border-right: none !important;
    border-bottom: 1px solid #ede8e3 !important;
  }
  .about-stat-item:last-child {
    border-bottom: none !important;
  }
}

/* ============================================================
   ABOUT V2 TEMPLATE — inspired by DOVA about page design
   ============================================================ */

/* Card icon — 80×80 */
.aboutv3-card-icon.wp-block-image {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  flex-shrink: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}
.aboutv3-card-icon img {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: contain !important;
}

/* Hero Section — wp:cover block */
.aboutv3-hero.wp-block-cover {
  position: relative;
  /* Khi chưa có ảnh: fallback màu kem */
  background-color: #f4f4ee;
}
/* Inner container giữ max-width constrained */
.aboutv3-hero.wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
/* Overlay: mặc định màu kem, khi có ảnh mờ đi vừa đọc được chữ */
.aboutv3-hero.wp-block-cover .wp-block-cover__background {
  opacity: 0.85 !important;
}
/* Nếu có ảnh nền → giảm opacity overlay để thấy ảnh */
.aboutv3-hero.wp-block-cover:has(img.wp-block-cover__image-background) .wp-block-cover__background {
  opacity: 0.6 !important;
}
.aboutv3-badge-chip {
  display: inline-block !important;
  background-color: rgba(42,79,28,0.08) !important;
  color: var(--wp--preset--color--primary) !important;
}
.aboutv3-hero-title {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.aboutv3-hero-desc {
  max-width: 680px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.aboutv3-feature-card .wp-block-column {
  min-width: 0;
}
.aboutv3-feature-inner {
  height: 100%;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.aboutv3-feature-inner:hover {
  border-color: var(--wp--preset--color--primary) !important;
  box-shadow: 0 4px 16px rgba(42,79,28,0.08);
}

/* Letter / Story Section */
.aboutv3-letter-section {
  overflow: visible;
}
.aboutv3-portrait-wrap {
  position: relative;
}
.aboutv3-portrait-img img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  display: block;
}
.aboutv3-nameplate {
  position: absolute;
  bottom: 0;
  right: -16px;
  min-width: 220px;
  box-shadow: 0 8px 32px rgba(42,79,28,0.25);
}
.aboutv3-quote-deco {
  display: flex;
  align-items: center;
  gap: 16px;
}
.aboutv3-quote-deco .wp-block-separator {
  flex: 1;
  height: 1px;
  margin: 0 !important;
  opacity: 0.2;
}
.aboutv3-letter-content p:first-child::first-letter {
  float: left;
  font-size: 4rem;
  font-weight: 700;
  line-height: 0.85;
  margin-right: 12px;
  color: var(--wp--preset--color--primary);
}
.aboutv3-values-list {
  list-style: none !important;
  padding: 0 !important;
}
.aboutv3-values-list li {
  padding-left: 20px;
  position: relative;
}
.aboutv3-values-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wp--preset--color--primary);
}

/* Letter Section 2 — alt (nội dung trái, ảnh phải) */
.aboutv3-letter-section--alt .aboutv3-quote-deco--right {
  flex-direction: row-reverse;
}
.aboutv3-portrait-wrap--left .aboutv3-nameplate--secondary {
  position: absolute;
  bottom: 0;
  left: -16px;
  right: auto;
  min-width: 220px;
  box-shadow: 0 8px 32px rgba(82,99,76,0.22);
}
@media (max-width: 768px) {
  .aboutv3-letter-section--alt .aboutv3-letter-row--reverse.wp-block-columns {
    flex-direction: column-reverse !important;
  }
  .aboutv3-portrait-wrap--left .aboutv3-nameplate--secondary {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    margin-top: 12px;
    min-width: auto;
  }
}

/* Mission / Vision / Values */
.aboutv3-mvv-section {
  position: relative;
}
.aboutv3-mission-card .wp-block-group,
.aboutv3-vision-card .wp-block-group,
.aboutv3-value-card .wp-block-group {
  height: 100%;
  transition: box-shadow 0.2s;
}
.aboutv3-mission-card .wp-block-group:hover,
.aboutv3-value-card .wp-block-group:hover {
  box-shadow: 0 8px 24px rgba(42,79,28,0.08);
}

/* Gallery — dùng pattern binta-gallery-masonry (CSS columns) */
.aboutv3-gallery-section {
  overflow: hidden;
}

/* Stats */
.aboutv3-stats-section .aboutv3-stat-item {
  text-align: center;
  border-right: 1px solid rgba(195,201,187,0.5);
  padding: 0 16px;
}
.aboutv3-stats-section .aboutv3-stat-item:last-child {
  border-right: none;
}

/* CTA */
.aboutv3-cta-section {
  text-align: center;
}

/* ---- Mobile Responsive ---- */
@media (max-width: 768px) {
  .aboutv3-hero-title {
    font-size: 32px !important;
    letter-spacing: -0.01em !important;
  }
  .aboutv3-hero-desc {
    font-size: 15px !important;
  }
  .aboutv3-hero-features.wp-block-columns {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  .aboutv3-feature-card.wp-block-column {
    flex-basis: calc(50% - 6px) !important;
    min-width: calc(50% - 6px) !important;
  }
  .aboutv3-letter-row.wp-block-columns {
    flex-direction: column !important;
  }
  .aboutv3-letter-img-col,
  .aboutv3-letter-text-col {
    flex-basis: 100% !important;
  }
  .aboutv3-nameplate {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 12px;
    min-width: auto;
  }
  .aboutv3-letter-title {
    font-size: 28px !important;
  }
  .aboutv3-mvv-row1.wp-block-columns {
    flex-direction: column !important;
  }
  .aboutv3-mission-card,
  .aboutv3-vision-card {
    flex-basis: 100% !important;
  }
  .aboutv3-gallery-title {
    font-size: 28px !important;
  }
  .aboutv3-stats-section .aboutv3-stat-item {
    border-right: none !important;
    border-bottom: 1px solid rgba(195,201,187,0.5) !important;
    padding: 16px 0 !important;
  }
  .aboutv3-stats-section .aboutv3-stat-item:last-child {
    border-bottom: none !important;
  }
  .aboutv3-cta-section h2 {
    font-size: 28px !important;
  }
}

/* Archive Product - Card Style */
.archive-product-grid {
  border: none !important;
}
.archive-product-grid ul.wc-block-product-template,
.archive-product-grid .wc-block-product-template,
.archive-product-grid .archive-product-item {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Mỗi card (li bên trong product-template) */
.archive-product-grid ul.wc-block-product-template > li,
.archive-product-grid .wc-block-product-template > li,
.archive-product-grid .archive-product-item > li,
.archive-product-grid .wp-block-post,
.archive-product-grid .wc-block-product {
  background: #fdf8f4 !important;
  border: 1px solid #ede8e3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: box-shadow 300ms ease, transform 300ms ease;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.archive-product-grid .wp-block-post:hover,
.archive-product-grid li:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
  transform: translateY(-4px);
}

/* Ảnh sản phẩm fill sát viền card */
.archive-product-grid .archive-product-img,
.archive-product-grid .wp-block-woocommerce-product-image {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  position: relative;
}
.archive-product-grid .archive-product-img img,
.archive-product-grid .wc-block-components-product-image img {
  display: block !important;
  width: 100% !important;
  height: 305px !important;
  /*object-fit: cover !important;*/
  border-radius: 0 !important;
  margin: 0 !important;
}
.archive-product-grid .archive-product-img a {
  display: block !important;
  width: 100% !important;
  line-height: 0 !important;
}

/* Body card */
.archive-product-grid .archive-product-body {
  padding: 16px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
}

/* Tên sản phẩm */
.archive-product-grid .archive-product-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}
.archive-product-grid .archive-product-title a {
  color: var(--wp--preset--color--secondary) !important;
  text-decoration: none !important;
}
.archive-product-grid .archive-product-title a:hover {
  color: var(--wp--preset--color--primary) !important;
}

/* Giá */
.archive-product-grid .archive-product-price {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 14px 0 !important;
  color: var(--wp--preset--color--primary) !important;
  text-align: left !important;
}
.archive-product-grid .archive-product-price del,
.archive-product-grid .archive-product-price s {
  color: #aaa !important;
  font-weight: 500 !important;
  margin-right: 6px !important;
  text-decoration: line-through !important;
}
.archive-product-grid .archive-product-price ins {
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* Nút Xem chi tiết */
.archive-product-grid .wp-block-buttons {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  justify-content: center !important;
}
.archive-product-grid .archive-product-btn .wp-block-button__link {
  padding: 9px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}
.archive-product-grid .archive-product-btn .wp-block-button__link:hover {
  filter: brightness(1.1);
}
.archive-product-grid .archive-product-btn.wp-block-read-more,
.archive-product-grid a.archive-product-btn,
a.wp-block-read-more.archive-product-btn {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: var(--wp--preset--color--primary);
  color: #fff !important;
  text-decoration: none !important;
  padding: 9px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  text-transform: capitalize;
  transition: filter 0.2s;
}
.archive-product-grid .archive-product-btn.wp-block-read-more:hover,
.archive-product-grid a.archive-product-btn:hover,
a.wp-block-read-more.archive-product-btn:hover {
  filter: brightness(1.1);
}

/* Sale badge */
.archive-product-grid .wc-block-components-product-sale-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #fff;
  color: var(--wp--preset--color--secondary);
  font-size: 11px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  z-index: 2;
}

/* Responsive */
@media (max-width: 1024px) {
  .archive-product-grid ul.wc-block-product-template,
  .archive-product-grid .wc-block-product-template,
  .archive-product-grid .archive-product-item {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 768px) {
  .archive-product-grid ul.wc-block-product-template,
  .archive-product-grid .wc-block-product-template,
  .archive-product-grid .archive-product-item {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .archive-product-grid .archive-product-img img {
    height: 100% !important;
  }
  .archive-product-grid .archive-product-body {
    padding: 12px !important;
  }
}
@media (max-width: 480px) {
  .archive-product-grid ul.wc-block-product-template,
  .archive-product-grid .wc-block-product-template,
  .archive-product-grid .archive-product-item {
    grid-template-columns: 1fr !important;
  }
}

/* Header Wrapper */
.main-header {
  padding: 10px 16px !important;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 100;
}
.wp-logo-image > img{
	width:100px !important
}
/* Header Section */
.main-header-section {
  max-width: 1300px !important;
  margin-inline: auto !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
/* Reset block-gap (2rem) giữa topbar và header-section */
.main-header-section > * + * {
  margin-block-start: 0 !important;
}
/* Reset block-gap giữa các columns bên trong header */
.main-header-section .header-section .header-inner-section,
.main-header-section .header-section .header-inner-section > * + * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
.main-header-section .header-section ul.top-menus{
  gap: 15px 15px;
}
.main-header-section .topbar .topbar-text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.main-header-section .topbar .topbar-text span{
  margin-top: 4px;
}
.main-header-section .header-section .header-menu .wp-block-navigation__container a.wp-block-navigation-item__content{
  position: relative;
  padding-left: 15px;
  padding-right: 10px;
    font-weight: 700
}
.main-header-section .header-section .header-menu .wp-block-navigation__container a.wp-block-navigation-item__content:hover:before,
.main-header-section .header-section .header-menu .wp-block-navigation__container .current-menu-item a.wp-block-navigation-item__content:before{
  content: '';
  position: absolute;
  height: 12px;
  width: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  background-color: var(--wp--preset--color--primary);
}
.main-header-section .header-section .header-menu .wp-block-navigation .wp-block-navigation-item__content:focus {
    outline: 0 !important;
}
.main-header-section .header-section .header-menu .wp-block-navigation__container a.wp-block-navigation-item__content:hover:after,
.main-header-section .header-section .header-menu .wp-block-navigation__container .current-menu-item a.wp-block-navigation-item__content:after{
  content: '';
  position: absolute;
  height: 8px;
  width: 100%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  clip-path: polygon( 4.26% 43.708%,0% 100%,100% 100%,95.74% 43.708%,95.74% 43.708%,95.079% 35.839%,94.343% 28.662%,93.539% 22.208%,92.672% 16.51%,91.751% 11.6%,90.781% 7.51%,89.77% 4.273%,88.725% 1.921%,87.651% 0.486%,86.557% 0%,13.443% 0%,13.443% 0%,12.349% 0.486%,11.275% 1.921%,10.23% 4.273%,9.219% 7.51%,8.249% 11.6%,7.328% 16.51%,6.461% 22.208%,5.657% 28.662%,4.921% 35.839%,4.26% 43.708% );
  background-color: var(--wp--preset--color--primary);
}
.main-header-section .header-section .header-woo-btns .header-account a{
  padding: 0;
}
.main-header-section .header-section .header-woo-btns .header-cart svg{
  height: 30px;
  width: 30px;
}
.main-header-section .header-section .header-woo-btns .header-search button.wp-block-search__button{
  padding: 0;
  display: flex;
  align-items: center;
}
.main-header-section .header-section .header-woo-btns .header-account:hover a{
  color: var(--wp--preset--color--primary) !important;
}
.main-header-section .header-section .header-woo-btns .header-search{
  position: relative;
}
.main-header-section .header-section .header-woo-btns .header-search input.wp-block-search__input{
      position: absolute;
      top: -9px;
      right: -8px;
      z-index: 2;
      width: 250px;
      font-weight: 500;
      border-radius: 10px;
      background: #FFF;
}

.main-header-section .header-section .header-woo-btns .header-search input.wp-block-search__input:focus {
    border: 2px solid #416731;
    outline: 0
}
.main-header-section .header-section .header-btn-box .header-woo-btns {
    justify-content: flex-end;
}
.main-header .wp-block-buttons .wp-block-button__link img {
    filter: brightness(0) invert(1);
}
.main-header .wp-block-buttons .wp-block-button__link:hover {
    color: #FFF !important;
    opacity: .9;
}
@media screen and (max-width:1199px) {
    .wp-container-core-columns-is-layout-e61140ef{
        gap: 15px 6px;
    }
    .main-header .main-header-section .header-section ul.top-menus {
        gap: 15px 6px;
        justify-content: flex-start;
    }
    .main-header .main-header-section .header-section .header-menu .wp-block-navigation__container a.wp-block-navigation-item__content {
        position: relative;
        padding-left: 13px;
        padding-right: 8px;
        font-size: 14px
    }
    .main-header .wp-block-buttons .wp-block-button__link {
        padding: 10px 12px !important;
    }
}
/*Slider Section*/
.slider-section .slider-products-sec ul.slider-products{
  margin-top: 0;
}
.slider-section .slider-products-sec li.wc-block-product, .product-section .products-sec-box li.wc-block-product{
  padding: 0;
  border: none;
}
.slider-section .slider-products-sec .slider-products-right{
  position: relative;
}
.slider-section .slider-products-sec .slider-products-right .slider-btn{
  position: absolute;
  bottom: 15%;
  left: 18%;
}
.slider-section .slider-products-sec .slider-products-right .slider-btn img{
  background-color: var(--wp--preset--color--primary);
  border-radius: 5px;
  height: 28px;
  width: 28px !important;
  padding: 6px;
}
.slider-section .slider-products-sec .slider-products-right .slider-btn a{
  display: flex;
  gap: 10px;
  padding-right: 7px !important;
}
.slider-section .slider-products-sec .slider-products-right .slider-btn a:hover{
  background-color: var(--wp--preset--color--background-1) !important;
  color: var(--wp--preset--color--primary) !important;
}
.slider-section .slider-products-sec .owl-dots{
  position: absolute;
  margin-top: 0;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 5px 14px 0px #00000040;
  background-color: var(--wp--preset--color--background);
  display: flex;
  padding: 8px;
  border-radius: 50px;
}
.slider-section .slider-products-sec .owl-dots .owl-dot{
  background-color: var(--wp--preset--color--heading-color);
  height: 16px;
  width: 16px;
  border: none;
  border-radius: 50px;
  margin: 4px;
}
.slider-section .slider-products-sec .owl-dots .owl-dot.active{
  background-color: var(--wp--preset--color--primary);
  width: 70px;
}
.slider-section .slider-products-sec .slider-product-price span.woocommerce-Price-amount.amount{
  color: #585858;
}
.product-section .products-sec-box .product-price span.woocommerce-Price-amount.amount{
  color: var(--wp--preset--color--primary);
}
.slider-section .slider-products-sec .slider-product-price span.woocommerce-Price-amount.amount,
.product-section .products-sec-box .product-price span.woocommerce-Price-amount.amount{
  font-size: 16px !important;
  font-weight: 700;
}
.slider-section .slider-products-sec .slider-product-price ins,
.product-section .products-sec-box .product-price ins{
  background-color: transparent;
}
.slider-section .slider-products-sec .slider-products-content .wc-block-components-product-image__inner-container{
  justify-content: flex-end;
  padding: 0;
}

/* Product Section */
.product-section .product-head-box .product-sec-para:before, .product-section .product-head-box .product-sec-para:after,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:before, .testimonial-section .testimonial-heading-box .testimonial-sec-heading:after,
.news-section .news-heading-box .news-sec-heading:before, .news-section .news-heading-box .news-sec-heading:after,
.faq-section .faq-heading-box .faq-sec-heading:before, .faq-section .faq-heading-box .faq-sec-heading:after{
  content: '';
  position: absolute;
  height: 17px;
  width: 14px;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
}
.faq-detail-section .is-layout-flow {
    padding-left: 8px;
    padding-right: 8px;
}
.product-section .product-head-box .product-sec-para:before, .product-section .product-head-box .product-sec-para:after,
.news-section .news-heading-box .news-sec-heading:before, .news-section .news-heading-box .news-sec-heading:after,
.faq-section .faq-heading-box .faq-sec-heading:before, .faq-section .faq-heading-box .faq-sec-heading:after{
  background-color: var(--wp--preset--color--primary);
}
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:before, .testimonial-section .testimonial-heading-box .testimonial-sec-heading:after{
  background-color: var(--wp--preset--color--background);
}
.product-section .product-head-box .product-sec-para:before,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:before,
.news-section .news-heading-box .news-sec-heading:before,
.faq-section .faq-heading-box .faq-sec-heading:before{
  left: 0;
}
.product-section .product-head-box .product-sec-para:after,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:after,
.news-section .news-heading-box .news-sec-heading:after,
.faq-section .faq-heading-box .faq-sec-heading:after{
  right: 0;
}
.slider-section .slider-products-left .slider-product-img .slider-product-title a:hover{
  color: var(--wp--preset--color--secondary) !important;
}
.product-section .product-head-box .product-sec-para,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading,
.news-section .news-heading-box .news-sec-heading,
.faq-section .faq-heading-box .faq-sec-heading{
  width: fit-content;
  margin: 0 auto;
}
.product-section .product-head-box .product-sec-para, 
.product-section .products-sec-box .product-btn a,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading,
.news-section .news-heading-box .news-sec-heading,
.faq-section .faq-heading-box .faq-sec-heading{
  position: relative;
}
.product-section .products-sec-box .product-btn a:after{
  content: '';
  position: absolute;
  height: 2px;
  width: 70%;
  background-color: var(--wp--preset--color--secondary);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product-section .products-sec-box li.wc-block-product:hover .product-btn a, .product-section .products-sec-box .product-box:hover .product-btn a{
  color: var(--wp--preset--color--primary) !important;
}
.product-section .products-sec-box li.wc-block-product:hover .product-btn a:after, .product-section .products-sec-box .product-box:hover .product-btn a:after{
  background-color: var(--wp--preset--color--primary);
}
.product-section .products-sec-box li.wc-block-product .product-img, .product-section .products-sec-box .product-box:hover .product-img {
  overflow: hidden;
}
.product-section .products-sec-box .product-img img, .product-section .products-sec-box .product-box:hover .product-img img{
  width: 100% !important;
  transition: 1.1s ease-in-out;
}
.product-section .products-sec-box li.wc-block-product:hover .product-img img, .product-section .products-sec-box .product-box:hover .product-img img{
  animation: rotateBack 1.6s ease-in-out forwards;
}

/* Keyframes */
@keyframes rotateBack {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(3deg) scale(1.1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}

/* About Us Section */
.about-section .about-right-content .about-small-title{
  display: inline-block;
}
.about-section .about-right-content .about-icon{
  border-radius: 6px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-section .about-right-content .about-icon{
  background-color: var(--wp--preset--color--secondary);
}
.about-section .about-left-content .about-images figure,
.about-section .about-right-content .about-icon,
.about-section .about-right-content .about-icon{
  overflow: hidden;
}
.about-section .about-left-content .about-images img,
.about-section .about-right-content .about-icon img,
.about-section .about-right-content .about-icon img{
  transition: 1.1s;
}
.about-section .about-left-content .about-images img:hover,
.about-section .about-right-content .about-icon:hover img,
.about-section .about-right-content .about-icon:hover img{
  transform: scale(1.1);
}
.about-section .about-left-content .about-images figure{
  border-radius: 20px;
}

/* FAQ's Section */
.faq-section .faq-detail-section details.faq-btm-title summary{
  border: 1px solid #C9C9C9; 
  border-radius: 5px;
  padding: 5px 32px 5px 18px;
  list-style: none;
  position: relative;
}
body.dark-mode .faq-section .faq-detail-section details.faq-btm-title summary:after{
  background-image: url(./images/left-btn1.svg);
}
.faq-section .faq-detail-section details.faq-btm-title summary:after{
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  width: 14px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./images/left-btn1.svg);
}
.faq-section .faq-detail-section details[open].faq-btm-title summary:after{
  background-image: url(./images/left-btn.svg);
  transform: translateY(-50%) rotate(90deg);
}
.faq-section .faq-detail-section details[open].faq-btm-title{
  background: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  border-radius: 5px;
}
.faq-section .faq-detail-section details[open].faq-btm-title > summary, .faq-section .faq-detail-section details[open].faq-btm-title > .faq-btm-content{
  color: var(--wp--preset--color--background);
  border: none;
}
.faq-section .faq-detail-section details[open].faq-btm-title > .faq-btm-content{
  padding: 6px 20px;
}

/* Testimonial Section */
.testimonial-section .testimonial-heading-cont{
  position: relative;
}
.testimonial-section .testimonial-heading-cont:after{
  content: '';
  position: absolute;
  height: 7px;
  width: 80px;
  background-color: var(--wp--preset--color--primary);
  bottom: 0;
  left: 50%;
  border-radius: 10px;
  transform: translateX(-50%);
}
.testimonial-section .wp-block-cover .wp-block-cover__background{
  transition: 1s;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__background{
  background-color: var(--wp--preset--color--secondary) !important;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container p,
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container h5{
  color: #ffffff !important;
}
.testimonial-section .owl-nav{
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  margin-top: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  z-index: 1;
}
.testimonial-section .owl-nav button{
  border: none;
  height: 35px;
  width: 35px;
  border-radius: 5px;
}
.testimonial-section .owl-nav button{
  background-color: #ffffff;
  transition: 1s;
}
.testimonial-section .owl-nav button:hover{
  background-color: var(--wp--preset--color--secondary);
}
.testimonial-section .owl-nav button.owl-prev{
  margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next{
  margin-right: -5%;
}
.testimonial-section .owl-nav button.owl-next,
.testimonial-section .owl-nav button.owl-prev{
  position: relative;
}
.testimonial-section .owl-nav button.owl-next:after,
.testimonial-section .owl-nav button.owl-prev:after{
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  height: 16px;
  width: 16px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.testimonial-section .owl-nav button.owl-next:after{
  background-image: url(./images/left-btn2.svg);
  margin-left: 1px;
}
.testimonial-section .owl-nav button.owl-next:hover:after{
  background-image: url(./images/left-btn.svg);
}
.testimonial-section .owl-nav button.owl-prev:after{
  background-image: url(./images/right-btn1.svg);
  margin-right: 1px;
}
.testimonial-section .owl-nav button.owl-prev:hover:after{
  background-image: url(./images/right-btn.svg);
}
.testimonial-section .client-box {
  position: relative;
}
.testimonial-section .client-box .client-img{
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

/* News Section */
.testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
  gap: 0;
}
.news-section .news-heading-inner-box .news-small-title,
.faq-section .faq-heading-box .faq-inner-head-box .faq-small-title{
  display: flex;
  margin: 0 auto;
  width: fit-content;
}
.news-section .news-box .wp-block-post-date{
  margin-top: 0;
}
.news-section .news-box .news-meta .wp-block-post-author-name,
.news-section .news-box .news-meta .wp-block-post-date,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title{
  position: relative;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after,
.news-section .news-box .news-meta .wp-block-post-date:after,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  width: 14px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  height: 17px;
  width: 17px;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after{
  background-image: url(./images/author.svg);
}
.news-section .news-box .news-meta .wp-block-post-date:after{
  background-image: url(./images/calender.svg);
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  background-image: url(./images/comment.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-author-name:after{
  background-image: url(./images/author1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-date:after{
  background-image: url(./images/calender1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  background-image: url(./images/comment1.svg);
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-meta{
  flex-wrap: wrap;
  gap: 10px;
}
.news-section .news-box .news-box-title a{
  color: var(--wp--preset--color--heading-color);
}

/*added woo product*/
.wc-block-components-product-sale-badge img{
  height: 250px !important;
}
.products-block-post-template h3 a{
  font-size: 22px !important;
  text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
  font-size: 18px !important;
  color: #000;
}
a.added_to_cart.wc_forward{
  margin-top: 0 !important;
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 6px 12px;
  font-size: 18px !important;
  text-decoration: none;
  border-radius: 6px;
}
.single-post .wp-block-post-featured-image img{
  width: auto;
}
.single-post .wp-block-post-author__avatar img{
  width: 25px !important;
  height: 25px !important;
}
.wp-block-woocommerce-checkout.wc-block-checkout {
  width: 85%;
  margin: 0 auto;
}
.woocommerce .product .yith-wcwl-add-to-wishlist-button{
  background-color: var(--wp--preset--color--primary);
  color: #ffffff;
  border-radius: 6px;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 15px;
  border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce .product .yith-wcwl-add-to-wishlist-button svg,
.woocommerce .product .yith-wcwl-add-to-wishlist-button--added svg{
  color: #ffffff !important;
}

/*archive*/
.archive-page-sec{
  padding-bottom: 30px;
  padding-top: 30px;
}
/*Footer Section*/
.footer-section a:hover{
  color: var(--wp--preset--color--background-1);
}
.footer-section .footer-box .footer-mail-box,
.footer-section .footer-box .footer-phone-box{
  gap: 12px;
}
.footer-section  .wp-block-social-links{
  gap: 10px !important;
}
.footer-section .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
  background: #009DAE;
  border:1px solid #009DAE;
}
.footer-add{
  margin-right: 10%;
}
.footer-section {
  padding: 0;
  min-height: auto;
  background-color: #416731 !important;
}
.footer-section .wp-block-group {
  padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
  padding: 20px 0px;
  margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
  padding-left: 50px;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
  padding-right: 50px;
}
.footer-add{
 line-height: 30px !important;
}
.footer-box a{
  text-decoration: none !important;
}
.footer-box ul {
  padding: 0;
  gap: 0;
}
.footer-box{
  position: relative;
}
.footer-box ul li {
  list-style: none;
  margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
  background: transparent !important;
  color: #000000;
}
.footer-section .wp-block-button__link {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
  color: #fff !important;
}
.footer-section .wp-block-social-link a{
  padding: 6px !important;
  border-radius: 5px;
  background: #ffffff;
  color: #000000 !important;
  font-size: 20px !important;
}
.copyright-section p{
  line-height: 30px;
}
.copyright-section p a{
  text-decoration: none;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
  color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
  color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
  color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{
  color:#e60122;
}
.innerpage-banner{
  margin: 0 !important;
}
/*theme-button-section*/
.theme-button-section a{
  border: 2px solid transparent !important;
}
.theme-button-section a:hover{
  border: 2px solid var(--wp--preset--color--primary) !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px;
  font-weight: 600;
}
/*404 Page CSS*/
.wp-block-search__button {
  border: 0;
  background: var(--wp--preset--color--primary);
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
  color: var(--wp--preset--color--heading-color);
  padding-bottom: 5px;
  border-bottom: 3px double var(--wp--preset--color--heading-color);
  font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
  padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
  line-height: 2;
  font-size: 20px;
  color: var(--wp--preset--color--primary);
  list-style: disc;
  text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
  color: var(--wp--preset--color--heading-color) !important;
  text-decoration: none !important;
  font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
  color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
  padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
  padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
  font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
  background:#fff;
  color: #000;
  font-size:15px !important;
  padding: 6px 18px;
  margin: 2px 4px 6px;
  display:inline-block;
  border: 2px solid #000;
  text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
  gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
  margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 6px 25px;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button{
  text-decoration: none;
}
.wc-block-cart__sidebar .wc-block-cart__totals-title{
  padding: 8px 16px !important;
}
.single-product .wp-block-woocommerce-product-template li .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
  margin-top: 10px !important;
}
.single-product .wc-block-grid__product-price del .woocommerce-Price-amount.amount{
  text-decoration: line-through;
}
.single-product .wc-block-grid__product-price del{
  text-decoration: none;
}
.single-product .yith-add-to-wishlist-button-block--single a{
  background-color: var(--wp--preset--color--primary);
  text-decoration: none;
  color: #ffffff;
  padding: 10px;
  border-radius: 6px;
}
.wp-element-button:hover{
  background: transparent;
  border: 1px solid var(--wp--preset--color--primary);
  color: #fff !important;
}
.wp-block-search__button:hover{
  color: #fff ;
}
.wp-block-site-logo{
  margin-top: 10px !important;
}
.wp-block-site-title{
  line-height: 1;
}
/*Blog Section*/
.wp-block-latest-posts.is-grid li {
  position: relative;
  background: #fff;
  border: solid 1px #eee;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
  margin-bottom: 30px;
}
.blog-section .wp-block-latest-posts.is-grid li {
  box-shadow: none;
}
.wp-block-latest-posts.is-grid li img {
  width: 100%;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  padding: 0 10px;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  margin:  15px 0 0;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
  display: inline-block;
  background: var(--wp--preset--color--primary);
  padding: 8px 8px;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  margin: 10px 0px 0px 10px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
  color: #6b6b6b;
  padding: 0 10px;
  font-size: 14px;
  line-height: 25px;
}
.innerpage-banner .wp-block-group h1{
  color: #fff !important;
}
/*blog post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  padding: 50px !important;
  margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
  padding: 10px 15px;
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  font-size: 18px !important;
  color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
  color: #000 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
  background: transparent !important;
  border: 1px solid var(--wp--preset--color--primary);
}
footer.comment-meta {
  margin-top: 12px;
}
.wp-block-post-author__name{
  margin: 10px 0px;
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button{
  background: var(--wp--preset--color--primary) !important;
}
.theme-sidebar .wp-block-search__button:hover{
  background-color: #ffffff !important;
  color: #000000;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  margin-bottom: 30px;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
  font-size: 30px;
}
.wp-block-post-author{
  align-items: center;
}
/*blog listing*/
.wp-block-query-pagination {
  margin: 80px 0;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #fff;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}
.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background:#fff;
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #000;
}
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time,
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time{
  color: #000;
}
.wp-block-post-excerpt__more-link{
  padding: 10px;
  background: var(--wp--preset--color--primary);
  color: #fff !important;
  font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
  background: #000;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: var(--wp--preset--color--primary);
  border-radius: 0px !important;
  color: #fff;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 6px !important;
  color: #fff !important;
  border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 16px !important;
}
.wp-element-button:hover, .wp-block-button__link:hover{
  color:#000000 !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button svg,
.search .wp-block-search .wp-block-search__button .search-icon{
  fill: #fff;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover, 
.search .wp-block-search .wp-block-search__button:hover{
  background-color: #ffffff !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover svg,
.search .wp-block-search .wp-block-search__button:hover .search-icon{
  fill: #000;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent{
  align-items: flex-start;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{
  margin-top: 10px !important;
}
.wc-block-grid__products {
  justify-content: center;
}
.woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template,
.woocommerce .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-product-collection-no-results{
  width: 85%;
  margin: 0 auto;
}
.single-product.woocommerce .wp-block-woocommerce-breadcrumbs{
  width: 100%;
}
.footer-para{
  font-size: 14px !important;
}
.woocommerce .wp-block-woocommerce-store-notices + .wp-block-group,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-breadcrumbs,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-store-notices + .wp-block-columns,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details + .wp-block-woocommerce-product-collection,
.single-product.woocommerce .wp-block-woocommerce-store-notices{
  width: 85%;
}

/*cart css*/
header.woocommerce-Address-title.title{
  display: inline-grid;
  margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
  color: #fff !important;
}
.archive.woocommerce-page ul.wc-block-grid__products, .archive.woocommerce-page ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
  display: grid !important;
  grid-template-columns: auto auto auto auto;
  gap: 1em;
  width: 85%;
  margin: 0 auto;
}
li.wc-block-grid__product{
  max-width: 100% !important;
}
.wc-block-grid__product-onsale{
  padding: 5px 12px !important;
  font-size: 12px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
  color: #717171 !important;
}
span.price.wc-block-components-product-price{
  text-align: left !important;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
  border-radius: 6px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}
.wc-block-components-button:hover{
  background-color: #000 !important;
  color: #ffffff !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description p{
  font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
  padding: 5px 12px !important;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
}
.woocommerce{
  margin: 0 auto;
  max-width: 100% !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{
  border: 1px solid #fff !important;
}
button.wc-block-cart-item__remove-link{
  display: block !important;
}
tr.wc-block-cart-items__header{
  border-bottom: 1px solid #fff;
}
tr.wc-block-cart-items__row{
  border-top: 1px solid #fff;
}
.wc-block-cart{
  width: 85%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
  text-align: left;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
  background: none !important;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
  flex-basis: 40% !important;
}

/* Wishslist */
.woocommerce-wishlist .wishlist_table.mobile{
  padding-left: 0;
}
.woocommerce-wishlist .wishlist_table.mobile table{
  width: auto;
}
.woocommerce-wishlist .wishlist_table.mobile li{
  padding: 15px;
  border: 1px solid #000000;
}
.woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
  font-size: 16px !important;
  font-weight: 500;
}
.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
  font-size: 14px !important;
  padding: 6px !important;
}
.woocommerce-wishlist .main-product-section .wishlist_view {
  display: block !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
  display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
  opacity: 1;
}
.woocommerce-wishlist .yith-wcwl-share .share-button i{
  font-family: 'FontAwesome';
}
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  text-decoration: none !important;
  line-height: 12px;
}
.woocommerce-wishlist .wishlist_table .product-add-to-cart a{
  border-radius: 6px;
  color: #fff;
  padding: 12px 12px !important;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none !important;
}
.woocommerce-wishlist .wishlist_table.responsive .product-name a{
  text-decoration: none;
}

/*woocommerce css*/
.wp-block-button.wc-block-components-product-button{
  gap: 0;
}
.woocommerce a.added_to_cart{
  margin-top: 0;
}
li.wc-block-product,li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
  background: var(--wp--preset--color--accent);
  color: #fff;
  border-color:var(--wp--preset--color--accent) ;
}
.woocommerce .price ins, .woocommerce bdi{
  font-size: 16px;
}
.woocommerce .wc-block-components-product-price ins,
.woocommerce-wishlist .wishlist-items-wrapper .product-price ins,
.woocommerce-wishlist .wishlist_table.responsive .item-details-table ins{
  background-color: transparent;
}
.woocommerce-wishlist .wishlist-items-wrapper .product-remove a,
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  text-decoration: none;
}
.woocommerce-wishlist .product-add-to-cart a.add_to_cart_button{
  width: 130px;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{
  font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post{
  width: calc(33% - 1em)!important;
}
.woocommerce-shop .add_to_cart_button{
  padding: 10px 12px !important;
}
/*blog and archive css*/
.blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link{
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  padding: 7px 10px;
  color: #fff;
  text-decoration: none !important;
}
span.page-numbers.current {
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 12px 16px;
}
a.page-numbers{
  background: transparent;
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  padding: 8px 10px;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{
  color: #fff;
  background: var(--wp--preset--color--primary);
  padding: 12px 16px;
}
.wp-block-query-pagination{
  gap: 10px !important;
}
.wp-block-query-pagination a{
  text-decoration: none;
}
.blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover{
  background: #000;
  color: #fff;
}
.archive .wp-block-post-template figure,.wp-block-post-template figure{
  margin: 0 !important;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date {
  margin-top: 10px;
}
.archive .wp-block-post-template, .wp-block-post-template{
  gap: 1.2em;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt{
  color: #717171;
}
.woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{
  text-align: center;
}
.woocommerce-account .entry-content .woocommerce-form-login {
  width: 450px;
  margin: 0 auto;
}
.wc-block-components-checkout-return-to-cart-button svg{
  left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
  padding: 10px 12px 10px 30px !important;
}

/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  border-radius: 50% !important;
  padding: 10px 16px 13px; 
  cursor: pointer;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}
.wp-container-core-columns-is-layout-28f84493 {
    gap: 10px;
}
/*RESPONSIVE MEDIA*/
@media screen and (min-width: 600px) and (max-width: 991px){
  .search.search-results .wp-block-query ul.wp-block-post-template{
    display: grid;
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width:991px) {
  .slider-section .slider-products-sec .owl-dots{
    padding: 5px;
  }
  .slider-section .slider-products-sec .owl-dots .owl-dot{
    height: 13px;
    width: 13px;
  }
}
@media screen and (max-width:500px) {
  .main-header-section .header-section .header-logo-box .header-title{
    text-align: center;
  }
  .main-header-section .header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-menu,
  .main-header-section .header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-btn-box{
    flex-basis: 46% !important;
  }
  .main-header-section .header-section .header-menu nav{
    justify-content: left;
  }
}
@media screen and (min-width: 501px) and (max-width: 767px){
  .main-header-section .header-section .header-inner-section{
    flex-wrap: nowrap !important;
  }
}
@media screen and (max-width:767px) {
  .main-header-section .header-section .header-woo-btns .header-search input.wp-block-search__input{
    width: 190px;
  }
  .slider-section .slider-products-sec .slider-products-left img.attachment-woocommerce_thumbnail{
    height: 300px !important;
  }
  .slider-section .slider-products-sec .slider-products-right .slider-right-bg, .slider-section .slider-products-sec .slider-products-left .slider-product-img{
    min-height: 300px !important;
  }
  .slider-section .slider-products-sec .slider-products-right .slider-right-img img{
    height: 300px;
  }
  .slider-section .slider-products-sec .owl-dots{
    position: static;
    transform: none;
    justify-content: center;
    width: fit-content;
    margin: 15px auto 0;
  }
  .slider-section .slider-products-sec .slider-product-title, .slider-section .slider-products-sec .slider-product-price{
    text-align: center;
  }
  .slider-section .slider-products-sec .slider-products-right .slider-btn{
    left: 50%;
    transform: translateX(-50%);
  }
  .product-section .product-head-box .product-sec-para, 
  .testimonial-section .testimonial-heading-box .testimonial-sec-heading, 
  .news-section .news-heading-box .news-sec-heading, 
  .faq-section .faq-heading-box .faq-sec-heading,
  .about-section .about-right-content .about-sec-heading{
    font-size: 26px !important;
    line-height: 1.4;
  }
  .about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
    height: 300px !important;
  }
  .about-section .about-inner-content{
    flex-direction: column-reverse;
  }
  .about-section .about-left-content .about-images{
    gap: 12px;
  }
  .search .wp-block-cover.innerpage-banner + .wp-block-group form .wp-block-search__inside-wrapper {
    width: 100% !important;
  }
  .faq-section .faq-detail-section{
    gap: 0;
  }
  .testimonial-section .owl-nav{
    bottom: -20px;
    transform: none;
    gap: 10px;
    justify-content: center;
  }
  .testimonial-section .owl-carousel{
        padding-bottom: 50px;
        margin-top: 25px !important;
  }
    .wp-elements-13a0a57659be16507008eec506287288 {
        font-size: 32px !important;
    }
    .wp-container-core-group-is-layout-98320e32 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .wp-elements-1901f0f246be4631b9517817eaec7ffa {
        font-size: 28px !important;
        line-height: 1.5;
    }
    .wp-container-core-group-is-layout-98320e32 .why-choose-head {
        margin-bottom: 25px !important;
    }
  .news-section .news-heading-box{
    margin-bottom: 0 !important;
  }
  .wp-container-core-group-is-layout-b265b9b0 .news-heading-box{
    margin-bottom: 25px !important;
  }
  .news-section .news-heading-inner-box{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news-section .news-heading-inner-box .news-sec-heading{
    text-align: center;
  }
  .news-section .news-meta{
    justify-content: space-around;
  }
  .news-section .news-box .wp-block-post-title, .news-section .news-box .wp-block-post-excerpt__excerpt{
    text-align: center;
  } 
  .footer-section .footer-box:nth-child(1){
    padding-right: 0 !important;
  }
  .footer-section .footer-box .footer-phone-box, .footer-section .footer-box .footer-mail-box{
    justify-content: center;
  }  
  .error-page{
   padding: 0 !important;
  }
  .error-page h2{
    font-size: 122px !important;
  }
  .has-shadow-dark, .has-no-hover-shadow-dark{
    padding: 20px !important;
  }
  .wp-block-post-comments .commentlist .comment{
    padding-left: 0 !important;
  }
  .main-page, .page-no-title{
    padding: 20px !important;
  }
  .footer-section .wp-block-navigation-item__label{
    color: #000 !important;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
  .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    padding: 0;
  }
  .footer-section .wp-block-columns {
    padding: 0 20px;
  }
  .footer-section .wp-block-columns.copyright-section {
    padding: 20px;
    text-align: center;
  }
  .footer-section .wp-block-columns {
    margin: 0;
  }
  .copyright-section .wp-block-social-links{
    justify-content: center !important;
  }
  .footer-section .wp-block-group{
    max-width: 100% !important;
  }
  .footer-section h1{
    text-align: center;
  }
  span.woocommerce-Price-amount.amount {
    font-size: 14px !important;
  }
  .products-block-post-template h3 a {
    font-size: 20px !important;
  }
  .footer-para{
    margin-right: 0% !important;
  }
  .wp-block-navigation__responsive-container-content{
    margin-left: 30px;
  }
  .footer-section .wp-block-group{
    text-align: center !important;
  }
  .footer-section .wp-block-social-links{
    justify-content: center !important;
  }
  .banner-calender .wp-block-column p{
    text-align: center;
  }
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
  .woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
    display: flex !important;
    flex-direction: column;
    padding: 10px !important;
  }
  .woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image{
    padding: 0 !important;
  }
  .woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image img{
    height: 100px;
    width: auto;
    float: left;
    margin-bottom: 12px;
  }
  .single-product .wc-block-store-notices + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 100% !important;
  }
  .single-product .wc-block-store-notices + .wp-block-columns{
    gap: 0;
  }
  .archive.woocommerce-page ul.wc-block-grid__products, .archive.woocommerce-page ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
    grid-template-columns: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .header-section .header-inner-section{
    flex-wrap: nowrap !important;
  }
  .slider-section .slider-products-sec .slider-products-content{
    flex-wrap: nowrap !important;
  }
  .slider-section .slider-products-sec .slider-products-left img.attachment-woocommerce_thumbnail{
    height: 400px !important;
  }
  .slider-section .slider-products-sec .slider-products-right .slider-right-bg, .slider-section .slider-products-sec .slider-products-left .slider-product-img{
    min-height: 400px !important;
  }
  .slider-section .slider-products-sec .slider-products-right .slider-right-img img{
    height: 400px;
  }
  .slider-section .slider-products-sec .owl-dots{
    bottom: 15px;
  }
  .product-section .product-main-box .products-sec-box{
    display: grid;
    grid-template-columns: auto auto;
  }
  .about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
    height: 350px !important;
  }
  .about-section .about-right-content .about-bottom{
    flex-wrap: nowrap !important;
  }
  .about-section .about-inner-content{
    flex-wrap: wrap !important;
    flex-direction: column-reverse;
  }
  .about-section .about-inner-content .about-left-content, .about-section .about-inner-content .about-right-content{
    flex-basis: 100%;
  }
  .testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
    flex-wrap: wrap !important;
  }
  .testimonial-section .testimonial-heading-box .testimonial-heading-cont, .news-section .news-heading-box .news-heading-inner-box, .faq-section .faq-heading-box .faq-inner-head-box{
    flex-basis: 100% !important;
  }
  .news-section .news-box{
    grid-template-columns: auto auto auto !important;
  }
  .footer-section .footer-box:nth-child(1){
    padding-right: 0 !important;
  }
  .footer-section .footer-box .footer-phone-box p{
    font-size: 18px !important;
  }
  .faq-section .faq-detail-section{
    gap: 12px;
    flex-wrap: nowrap !important;
  }
  .testimonial-section .owl-nav{
    bottom: -40px;
    transform: none;
    gap: 10px;
    justify-content: center;
  }
  .single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
    flex-basis: 100% !important;
      position: unset
  }
  .single-product .wc-block-store-notices + .wp-block-columns{
    flex-wrap: wrap !important;
  }
    .single-product .woocommerce .wp-block-woocommerce-product-image-gallery{
        max-width: 100%
    }
  li.wc-block-grid__product{
    max-width: 26% !important;
  }
  .banner-box h2:before,.banner-calender::before{
    border: none;
   }
  .single-post-sidebar-on-right, .single-post-sidebar-on-left {
    margin-right: 0%;
    margin-left: 0%;
  }
  .wp-block-navigation__responsive-container-content{
    margin-left: 20px;
  }
  .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
  .footer-section{
    padding: 30px 30px 0 !important;
  }
  .blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .footer-section .wp-block-columns, .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    padding: 0;
  }
  .wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 46% !important;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
    flex-basis: 70% !important;
  }
  .menu-section nav{
    gap: 0 !important;
  }
  .menu-section-button a{
    padding: 10px 9px !important;
    font-size: 13px;
  }
  .menu-section .wp-block-navigation__responsive-container-open {
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    margin: 0 auto;
  }
  .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 200% !important;
  }
  .footer-section .wp-block-group{
    padding: 0;
    max-width: 100% !important;
  }
  .banner-col-2 h1{
    font-size: 36px !important;
    line-height: 55px;
  }
  .footer-box{
    max-width: 300px !important;
  }
  .products-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-section .wp-block-columns{
    display: grid;
    grid-template-columns: auto auto;
  }
  .footer-section .wp-block-social-links {
    gap: 0.5rem !important;
  }
  .footer-section .wp-block-columns.copyright-section{
    display: block;
  }
  .footer-para{
    margin-right: 0% !important;
  }
  .woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
    gap: 12px;
  }
  .single-product .wc-block-store-notices + .wp-block-columns{
    gap: 0;
  }
  .archive.woocommerce-page ul.wc-block-grid__products, .archive.woocommerce-page ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
    grid-template-columns: auto auto;
  }
}
@media screen and (min-width: 782px) and (max-width: 992px){
  .archive .archive-page .wp-block-latest-posts li{
    flex: 1 0 50% !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  li.wc-block-grid__product{
    max-width: 18% !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 1000px) {
  .main-header-section .header-section ul.top-menus {
    gap: 15px 20px;
  }
}
@media screen and (min-width: 1000px){
  .main-header-section .header-section ul .has-child ul.wp-block-navigation-submenu li:hover{
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
  }
  .main-header-section .header-section ul .has-child ul.wp-block-navigation-submenu a:before,
  .main-header-section .header-section ul .has-child ul.wp-block-navigation-submenu a:after{
    content: none !important;
  }
}
@media screen and (max-width: 999px) {
  .home .main-header-section .header-right-menu-box .top-menus a, .home .main-header-section .header-left-menu-box .top-menus a{
    color: var(--wp--preset--color--background);
  }
  .main-header-section .header-right-menu-box ul.top-menus{
    --navigation-layout-justification-setting: flex-start;
    width: 100%;
  }
  .main-header-section .top-menus ul a:hover{
    color: var(--wp--preset--color--background) !important;
  }
  .main-header-section .top-menus ul,
  .main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
  .main-header-section .top-menus .wp-block-navigation__submenu-container,
  .main-header-section .header-section ul.top-menus{
    gap: 20px !important;
  }
  .main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{
    padding-left: 20px;
  }
    .main-header .main-header-section .header-section ul.top-menus {
        width: 100%;
    }

    .main-header .main-header-section .header-section ul.top-menus li {
        width: 100%;
        text-align: left;
        align-items: start;
    }
    .wp-block-navigation .wp-block-navigation-item__label {
        color: #FFF;
    }
  .main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a{
    position: relative;
    display: inline-flex !important;
      background-color: inherit !important
  }
    .main-header-section .header-section .header-menu .wp-block-navigation__container .current-menu-item a.wp-block-navigation-item__content:after{
        background-color: unset !important
    }
  .main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{
    content: '--';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
  }
  .main-header-section .top-menus ul.wp-block-navigation__container li a{
    padding: 0 20px !important;
  }
  .main-header-section .top-menus .wp-block-navigation__submenu-container{
    padding: 0 !important;
  }
  .header-section .header-menus nav .wp-block-navigation__responsive-container{
    background-color: #000000 !important;
  }
  .main-header-section .wp-block-navigation__responsive-container-close{
    background: #ffffff;
    padding: 10px;
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    border-radius: 50%;
    right: 25px;
    top: 16px;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .main-header-section .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
    padding-top: calc(2rem + 60px);
    margin-left: 0;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
  .woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
    grid-template-columns: 100%;
  }
    .main-header .header-menu.is-layout-flow {
        order: 1;
        flex-basis: fit-content !important;
        max-width: 30px
    }

    .main-header .header-logo-box {
        order: 2;
        max-width: fit-content
    }

    .main-header .header-btn-box {
        order: 3;
        flex: 1 1 0 !important;
    }    
    .wp-logo-image img {
        width: 120px !important;
    }
    .main-header-section .header-section .header-menu .wp-block-navigation__container>a.wp-block-navigation-item__content:hover:before,
    .main-header-section .header-section .header-menu .wp-block-navigation__container a.wp-block-navigation-item__content:hover:after,
    .main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu>li a:hover:after
    {
        display: none;
    }

    .main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu>li a:hover {
        background: inherit !important;
    }
    .main-header-section .header-section .header-menu .wp-block-navigation__container a.wp-block-navigation-item__content:hover:before{
        height: 22px;
        width: 16px;
    }
    .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{
        box-shadow: 0 0 !important
    }
    .wp-container-core-columns-is-layout-e61140ef{
        gap: 15px 15px;
    }
}
@media screen and (max-width: 1199px) and (min-width:901px){
  .header-section .header-menus nav .wp-block-navigation__responsive-container-content ul{
    gap: 30px;
  }
}
@media screen and (max-width: 1400px) and (min-width:1025px){
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 768px){
  .single-product ul.tabs.wc-tabs{
    display: flex !important;
  }
    .woocommerce .wp-block-woocommerce-product-image-gallery{
        max-width: 100%
    }
}
@media screen and (max-width: 991px){
  .wc-block-components-sidebar-layout{
    display: block;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
    width: 100% !important;
  }
}
@media screen and (max-width: 425px){
  .single-product .wp-block-add-to-cart-form .single_add_to_cart_button.button{
    padding: 6px 20px !important;
  }
  td.wc-block-cart-item__total{
    padding: 0 !important;
  }
  tr.wc-block-cart-items__row{
    grid-template-columns: repeat(4, 1fr)!important;
  }
  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    display: block;
  }
}
@media screen and (min-width: 721px) and (max-width: 1199px){
  .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
    gap: 0.83333em;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{
    width: calc(50% - 1em)!important;
  }
}
@media screen and (max-width: 720px){
  .wc-block-product-template__responsive,ul.wc-block-grid__products{
    grid-template-columns: auto !important;
  }
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    display: block;
    grid-template-columns: auto !important;
  }
  li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li,
  .page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
    margin-bottom: 20px;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
    width: calc(100% - 1em)!important;
  }
  .not-found-heading{
    font-size: 50px !important;
  }
}
@media screen and (max-width: 768px){
  .single-product .wp-block-woocommerce-product-details .woocommerce-tabs li.active{
    border-bottom-width: 2px !important;
    border-left-width: 0 !important;
  }
}
@media screen and (max-width: 599px){
  .woocommerce-account .entry-content .woocommerce-form-login{
    width: 100% !important;
  }
  .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
    flex-direction: column;
    gap: 1em;
  }
  .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    width: auto;
  }
  .wc-block-components-order-summary-item{
    display: block !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 991px){
  .single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
    width: calc(50% - 1em);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .slider-section .slider-products-sec .slider-products-left img.attachment-woocommerce_thumbnail{
    height: 500px !important;
  }
  .slider-section .slider-products-sec .slider-products-right .slider-right-bg, .slider-section .slider-products-sec .slider-products-left .slider-product-img{
    min-height: 500px !important;
  }
  .slider-section .slider-products-sec .slider-products-right .slider-right-img img{
    height: 500px;
  }
  .product-section .product-main-box .products-sec-box{
    grid-template-columns: auto auto auto auto;
  }
  .product-section .product-main-box .products-sec-box .product-img img.attachment-woocommerce_thumbnail, .product-section .products-sec-box .product-img img{
    height: 230px !important;
  }
  .about-section .about-left-content .about-images,
  .about-section .about-right-content .about-bottom{
    gap: 12px;
  }
  .about-section .about-right-content .about-bottom .wp-block-column{
    flex-basis: 50% !important;
  }
  .about-section .about-left-content .about-images img{
    height: 320px;
  }
  .news-section .news-box{
    grid-template-columns: auto auto auto;
  }
  .testimonial-section .owl-nav button{
    height: 35px;
    width: 35px;
  }
  .testimonial-section .owl-nav button.owl-prev {
    margin-left: -6%;
  }
  .testimonial-section .owl-nav button.owl-next {
    margin-right: -6%;
  }
  .footer-section .footer-box .footer-mail-box, .footer-section .footer-box .footer-phone-box {
    gap: 6px;
  }
  .footer-section .footer-box:first-child{
    padding-right: 0 !important;
  }
  .footer-section .footer-box{
    flex-basis: 25% !important;
  }
  .footer-section .footer-box h3{
    font-size: 22px !important;
  }
  .footer-section .footer-box .footer-phone-box p{
    font-size: 17px !important;
  }
  .single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
    width: calc(33% - 1em);
  }
  .single-post-sidebar-on-right > .wp-block-column:nth-child(1){
    flex-basis: 60% !important;
  }
  .single-post-sidebar-on-right > .wp-block-column:nth-child(2){
    flex-basis: 40% !important;
  }
  .archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(1){
    flex-basis: 65% !important;
  }
  .archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(2){
    flex-basis: 35% !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
  .about-section .about-left-content .about-images img{
    height: 320px;
  }
  .testimonial-section .owl-nav button.owl-prev {
    margin-left: -5%;
  }
  .testimonial-section .owl-nav button.owl-next {
    margin-right: -5%;
  }
  .footer-section .footer-box {
    flex-basis: 25% !important;
  }
  .footer-section .footer-box h3 {
    font-size: 22px !important;
  }
  .footer-section .footer-box:first-child {
    padding-right: 0 !important;
  }
}
/* sidebar */
.theme-sidebar .wp-block-group {
  border: 2px solid var(--wp--preset--color--primary) !important;
  border-radius: 12px;
  transition:
    box-shadow 0.4s ease,
    border-color 0.4s ease,
    transform 0.3s ease;
}
.theme-sidebar .wp-block-group:hover {
  border-color: var(--wp--preset--color--primary) !important;
  box-shadow: 0 0 18px
    color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent);
  transform: translateY(-3px);
}
.single-post-sidebar-on-right .has-shadow-dark, .has-no-hover-shadow-dark {
   border: 1px solid #949494 !important;
}
/* search template */
@media (max-width: 768px) {
  .search .wp-block-search__inside-wrapper {
    display: flex;
    flex-direction: column;
  }
  .search .wp-block-search__button{
    margin: 0 !important;
  }
  .search .wp-block-search__input {
    color: white;
    font-size: 15px !important;
    padding: 10px;
    margin-bottom: 5px !important;
    text-align: center;
}
}
/* shop page image animation */
.wp-block-woocommerce-product-image {
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.wp-block-woocommerce-product-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.6s ease;
}
.wp-block-woocommerce-product-image:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.15); 
}
.wp-block-woocommerce-product-image:hover img {
    transform: scale(1.08); 
}
@media (hover: none) {
    .wp-block-woocommerce-product-image:hover {
        transform: none;
        box-shadow: none;
    }
    .wp-block-woocommerce-product-image:hover img {
        transform: none;
    }
}
/* Smooth Page Reload Animation - Shop Page Only */
.wc-block-product-template {
    opacity: 0;
    transform: translateY(-15px);
    animation: fadeInUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Logo image responsive */
.wp-logo-image img {
    max-width: 100%;
    height: auto;
}

/* ============================================================
   Binta Gallery Section — Masonry responsive với lightbox
   ============================================================ */
.binta-gallery-section {
    background: #ffffff;
    padding-left:16px;
    padding-right:16px;
}
.binta-gallery-title {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    color: #1a1a1a;
}
/* Italic colored first part of title */
.binta-gallery-title em {
    font-style: italic;
    color: var(--wp--preset--color--primary);
}

/* Masonry layout — 4 cột, ảnh giữ tỉ lệ tự nhiên */
.binta-gallery-masonry {
    column-count: 4;
    column-gap: 14px;
}
.binta-gallery-masonry .binta-gallery-item,
.binta-gallery-masonry .wp-block-image {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    overflow: hidden;
    border-radius: 12px;
    cursor: zoom-in;
    transition: transform .35s ease, box-shadow .35s ease;
}
.binta-gallery-masonry .binta-gallery-item img,
.binta-gallery-masonry .wp-block-image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: 380px;
    object-fit: cover !important;
    border-radius: 12px !important;
    transition: transform .5s ease;
}

/* Hover */
.binta-gallery-masonry .binta-gallery-item:hover,
.binta-gallery-masonry .wp-block-image:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.binta-gallery-masonry .binta-gallery-item:hover img,
.binta-gallery-masonry .wp-block-image:hover img {
    transform: scale(1.04);
}

/* Lightbox button (WordPress core) */
.binta-gallery-masonry .wp-lightbox-container button.lightbox-trigger {
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
}

/* Responsive */
@media (max-width: 1199px) {
    .binta-gallery-masonry {
        column-count: 3;
    }
}
@media (max-width: 768px) {
    .binta-gallery-masonry {
        column-count: 2;
        column-gap: 10px;
    }
    .binta-gallery-masonry .binta-gallery-item,
    .binta-gallery-masonry .wp-block-image {
        margin-bottom: 10px !important;
    }
    .binta-gallery-title {
        font-size: 26px !important;
        letter-spacing: 0.5px !important;
    }
    .binta-gallery-section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
}
@media (max-width: 480px) {
    .binta-gallery-masonry {
        column-count: 2;
        column-gap: 8px;
    }
    .binta-gallery-masonry .binta-gallery-item,
    .binta-gallery-masonry .wp-block-image {
        margin-bottom: 8px !important;
    }
}
.dai-ly-intro-section{
    padding-bottom: 0px !important
}
/*-------custom dai ly--------*/
.dai-ly-intro-section {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
@media screen and (min-width:768px) {
    .dai-ly-intro-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.dai-ly-benefit-card {
    height: 100%;
}

.dai-ly-policy-list {
    list-style: none;
    padding-left: 0;
}
@media screen and (max-width:991px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.dai-ly-benefit-item {
        flex-basis: 50% !important;
        padding: 0px 8px;
    }

    .dai-ly-benefits-section .dai-ly-benefits-cols {
        gap: 15px 0px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .dai-ly-benefits-section {
        padding-top: 0px !important;
    }
}
@media screen and (max-width:575px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.dai-ly-benefit-item{
        flex-basis: 100% !important;
        padding: 0px
    }
}
/*-------end custom dai ly--------*/
/* ============================================================
   Mobile: padding 2 bên cho container chính tránh sát lề
   ============================================================ */
@media (max-width: 768px) {
    .wp-block-group.has-global-padding,
    .news-section,
    .product-section,
    .testimonial-section,
    .featured-post-section,
    .about-story-section,
    .about-stats-section,
    .about-cta-section,
    .dai-ly-intro-section,
    .dai-ly-benefits-section,
    .dai-ly-policy-section,
    .dai-ly-steps-section,
    .dai-ly-form-section,
    .dai-ly-contact-section,
    .news-header,
    .single-post-related-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Featured post card mobile: stack thẳng, padding text vừa phải */
    .featured-post-card .featured-post-info-col {
        padding: 24px 20px !important;
    }

    /* Featured post image responsive */
    .featured-post-img,
    .featured-post-img a,
    .featured-post-img figure {
        width: 100% !important;
        margin: 0 !important;
    }
    .featured-post-img img,
    .featured-post-img-col img {
        width: 100% !important;
        min-height: 220px !important;
        height: auto !important;
        object-fit: cover !important;
        display: block;
        border-radius: 0 !important;
    }

    /* News card mobile */
    .news-card,
    .archive-product-grid .wc-block-product {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .dai-ly-hero-title {
        font-size: 28px !important;
    }
}

/* ============================================================
   .wp-block-group-responsive — group / columns auto stack trên mobile
   ============================================================ */
/* Mobile ≤ 768px: ép xếp dọc */
@media (max-width: 768px) {
    /* Group flex */
    .wp-block-group-responsive.is-layout-flex,
    .wp-block-group-responsive .wp-block-group.is-layout-flex {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
    }
    .wp-block-group-responsive.is-layout-flex > *,
    .wp-block-group-responsive .wp-block-group.is-layout-flex > * {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    /* Columns */
    .wp-block-group-responsive.wp-block-columns,
    .wp-block-group-responsive .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 16px !important;
    }
    .wp-block-group-responsive.wp-block-columns > .wp-block-column,
    .wp-block-group-responsive .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* Grid layout (post-template, product-template) */
    .wp-block-group-responsive.is-layout-grid,
    .wp-block-group-responsive .is-layout-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    /* Images & figures full width */
    .wp-block-group-responsive img,
    .wp-block-group-responsive figure {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Text căn giữa cho gọn */
    .wp-block-group-responsive .has-text-align-left,
    .wp-block-group-responsive .has-text-align-right {
        text-align: center !important;
    }
}

/* Tablet 769-991px: 2 cột thay vì 3-4 */
@media (min-width: 769px) and (max-width: 991px) {
    .wp-block-group-responsive.is-layout-grid,
    .wp-block-group-responsive .is-layout-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
    }
    .wp-block-group-responsive.wp-block-columns > .wp-block-column,
    .wp-block-group-responsive .wp-block-columns > .wp-block-column {
        flex-basis: calc(50% - 10px) !important;
    }
}

/* ============================================================
   Navigation Submenu (dropdown)
   ============================================================ */
.top-menus .wp-block-navigation__submenu-container,
.main-header .wp-block-navigation__submenu-container,
.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
    background: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    padding: 10px 0 !important;
    min-width: 260px !important;
    margin-top: 0 !important;
    overflow: hidden;
    z-index: 9999 !important;
    animation: submenuFadeIn 0.18s ease-out;
}

/* Item trong submenu */
.top-menus .wp-block-navigation__submenu-container .wp-block-navigation-item,
.main-header .wp-block-navigation__submenu-container .wp-block-navigation-item {
    display: block !important;
    width: 100%;
}
.top-menus .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.main-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    display: block !important;
    width: 100%;
    padding: 10px 22px !important;
    color: #2c2c2c !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-transform: none !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    transition: background .2s ease, color .2s ease, padding-left .2s ease;
}
.top-menus .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.main-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.top-menus .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus,
.main-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
    background: #fdf8f4 !important;
    color: var(--wp--preset--color--primary) !important;
    padding-left: 26px !important;
}

/* Current item */
.top-menus .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content,
.main-header .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary) !important;
    background: #fdf8f4 !important;
    font-weight: 600 !important;
}

/* Icon mũi tên ▾ ở parent menu có submenu */
.top-menus .wp-block-navigation-submenu__toggle,
.main-header .wp-block-navigation-submenu__toggle {
    padding-right: 0 !important;
}
.top-menus .wp-block-navigation__submenu-icon,
.main-header .wp-block-navigation__submenu-icon {
    margin-left: 4px !important;
    transition: transform .2s ease;
}
.top-menus .wp-block-navigation-item.has-child:hover .wp-block-navigation__submenu-icon,
.main-header .wp-block-navigation-item.has-child:hover .wp-block-navigation__submenu-icon {
    transform: rotate(180deg);
}

/* Submenu cấp 2+ (nested) — hiện ra bên phải */
.top-menus .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.main-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    top: 0 !important;
    left: 100% !important;
    margin-top: 0 !important;
    margin-left: 4px !important;
}
.top-menus .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before,
.main-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
    display: none;
}

@keyframes submenuFadeIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile: submenu xếp dọc bên trong */
@media (max-width: 991px) {
    .top-menus .wp-block-navigation__submenu-container,
    .main-header .wp-block-navigation__submenu-container {
        box-shadow: none !important;
        background: rgba(0, 0, 0, 0.03) !important;
        border-radius: 0 !important;
        margin-top: 0 !important;
        padding: 4px 0 4px 12px !important;
    }
    .top-menus .wp-block-navigation__submenu-container::before,
    .main-header .wp-block-navigation__submenu-container::before {
        display: none;
    }
}

/* Clear all margins khi kết hợp .wp-block-image.wp-logo-image */
.wp-block-image.wp-logo-image,
.wp-block-image.wp-logo-image figure,
.wp-block-image.wp-logo-image img {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

/* ============================================================
   Product Card — Homepage (.product-section)
   ============================================================ */
.product-section .wp-block-woocommerce-product-collection > ul,
.product-section .wp-block-woocommerce-product-collection .wc-block-product-template {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 24px !important;
}

.product-section .wc-block-product {
    background: #fdf8f4;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease;
}
.product-section .wc-block-product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

/* Image — fills top of card */
.product-section .wc-block-product .wp-block-woocommerce-product-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #f5f5f5;
}
.product-section .wc-block-product .wp-block-woocommerce-product-image a {
    display: block;
    width: 100%;
    line-height: 0;
}
.product-section .wc-block-product .wp-block-woocommerce-product-image img {
    height: 260px;
	width: 100% !important;
    object-fit: fill !important;
    display: block;
    transition: transform .4s ease;
}
.product-section .wc-block-product:hover .wp-block-woocommerce-product-image img {
    transform: scale(1.05);
}

/* Product body — title / price / button */
.product-section .wc-block-product .wp-block-post-title,
.product-section .wc-block-product .wp-block-woocommerce-product-price,
.product-section .wc-block-product .wp-block-woocommerce-product-button {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.product-section .wc-block-product .wp-block-post-title {
    text-align: center !important;
    margin: 10px 0 8px 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}
.product-section .wc-block-product .wp-block-post-title a {
    color: #2c2c2c !important;
    text-decoration: none;
    transition: color .2s ease;
}
.product-section .wc-block-product .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary) !important;
}

.product-section .wc-block-product .wp-block-woocommerce-product-price {
    text-align: center !important;
    margin: 0 0 16px 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--wp--preset--color--primary) !important;
}
.product-section .wc-block-product .wp-block-woocommerce-product-price .wc-block-components-product-price {
    display: block;
    color: inherit;
}
.product-section .wc-block-product .wp-block-woocommerce-product-price .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 700;
    color: var(--wp--preset--color--primary);
}

/* Button — pink/primary, rounded, full-width-ish, centered */
.product-section .wc-block-product .wp-block-woocommerce-product-button {
    margin: 0 0 20px 0 !important;
    text-align: center !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.product-section .wc-block-product .wp-block-woocommerce-product-button .wp-block-button__link,
.product-section .wc-block-product .wp-block-woocommerce-product-button a {
    background: var(--wp--preset--color--primary) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    display: inline-block;
    transition: background .25s ease, transform .2s ease;
    text-decoration: none !important;
}
.product-section .wc-block-product .wp-block-woocommerce-product-button .wp-block-button__link:hover,
.product-section .wc-block-product .wp-block-woocommerce-product-button a:hover {
    background: var(--wp--preset--color--secondary) !important;
    transform: translateY(-2px);
}

/* Read More button (block wp-block-read-more) ở trang chủ */
.product-section .wc-block-product .wp-block-read-more,
.product-section .wp-block-read-more {
    display: inline-block !important;
    margin: 0 auto 20px auto !important;
    background: var(--wp--preset--color--primary) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    text-align: center !important;
    transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
.product-section .wc-block-product .wp-block-read-more:hover,
.product-section .wp-block-read-more:hover {
    background: var(--wp--preset--color--secondary) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none !important;
}
.product-section .wc-block-product .wp-block-read-more:focus,
.product-section .wp-block-read-more:focus {
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 2px;
}

/* Center read-more trong card (vì <a> mặc định là inline) */
.product-section .wc-block-product > .wp-block-read-more,
.product-section .wc-block-product .archive-product-body .wp-block-read-more {
    align-self: center;
}
.why-choose-section .why-choose-inner {
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px;
}
.why-choose-section .why-choose-inner .wp-block-image img {
    width: 100% !important;
    height: auto !important;
}
/* Responsive */
@media (max-width: 768px) {
    .product-section .wp-block-woocommerce-product-collection .wc-block-product-template {
        gap: 16px !important;
    }
    .product-section .wc-block-product .wp-block-post-title {
		font-size: 14px !important;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
    }
    .product-section .wc-block-product .wp-block-woocommerce-product-button .wp-block-button__link,
    .product-section .wc-block-product .wp-block-read-more {
        padding: 8px 20px !important;
        font-size: 13px !important;
    }
}
.featured-post-section,
.wp-container-core-group-is-layout-7456fd25,
.wp-container-core-group-is-layout-9fdc6906,
.wp-container-core-group-is-layout-0238b16a,
.dai-ly-benefits-section,
.dai-ly-steps-section,
.news-section,
.wp-container-core-group-is-layout-febea4a9,
.product-section,
.testimonial-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.is-layout-flow > .aligncenter {
    margin-right: unset !important;
}
@media screen and (max-width:1440px){
    .testimonial-section .owl-nav button.owl-next, .testimonial-section .owl-nav button.owl-prev {
        border: 1px solid;        
    }
    .testimonial-section .owl-nav button.owl-next{
        margin-right: 10px;
    }
    .testimonial-section .owl-nav button.owl-prev {
        margin-left: 10px;
    }
}
@media (max-width: 768px) {
    .wp-logo-image img {
        width: 120px !important;
    }

	.why-choose-left {
		margin-bottom: 15px !important;
	}
    .wp-container-core-group-is-layout-9fdc6906 .contact-page-title{
        font-size: 26px !important;
    }
}
@media (max-width: 480px) {
    .wp-logo-image img {
        width: 100px !important;
    }
}
@media (max-width: 480px) {
    .binta-gallery-masonry {
        column-count: 2;
    }
	main.about-page{
		padding-left:0 !important;
		padding-right:0px !important
	}
	.binta-gallery-section{
		padding-left:16px;
		padding-right:16px;
	}
	.about-page .wp-block-columns{
		padding-left:0 !important;
		padding-right:0 !important;
	}
    .about-page .aboutv3-mvv-row1, 
    .about-page .aboutv3-mvv-row2{
        padding-left: 16px !important;
        padding-right: 16px !important
    }
	.about-page .aboutv3-mvv-section{
		padding-left:0 !important;
		padding-right:0 !important
	}
	.about-page :where(.wp-block-group.has-background){
		padding-left:1.375em !important;
		padding-right: 1.375em !important;
	}
	.top-menus .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
	.main-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
		color:#FFF !important;
	}
	.aboutv3-team-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.aboutv3-team-member {
		padding: 0 8px !important;
	}
	.aboutv3-team-photo img {
		border-radius: 12px !important;
	}
	.aboutv3-team-section {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* ===================== ABOUT V3 — TEAM GRID ===================== */
.aboutv3-team-section {
	background-color: #ffffff;
}

.aboutv3-team-section .aboutv3-team-title {
	color: var(--wp--preset--color--primary);
}

.aboutv3-team-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px 24px;
	padding: 0;
}

.aboutv3-team-grid > .wp-block-group {
	padding: 0 !important;
	margin: 0 !important;
}

.aboutv3-team-member {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0;
}

.aboutv3-team-photo {
	width: 100%;
	margin: 0 0 16px 0 !important;
}

.aboutv3-team-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
	aspect-ratio: 3 / 4;
	display: block;
	background-color: #eef0eb;
}

.aboutv3-team-photo figcaption {
	display: none;
}

.aboutv3-team-name {
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 0 0 4px 0 !important;
	color: var(--wp--preset--color--primary) !important;
	line-height: 1.4;
}

.aboutv3-team-role {
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #52634c !important;
	margin: 0 !important;
	line-height: 1.5;
}

@media (max-width: 900px) {
	.aboutv3-team-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 24px 16px;
	}
	.aboutv3-team-section {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* ===================== SEARCH RESULTS PAGE ===================== */


/* ── Search bar trên đầu (chỉ page search) ── */
body.search main .wp-block-search.aligncenter {
	max-width: 680px;
	margin: 0px auto 28px !important;
	padding-top: 30px;
}
body.search main .wp-block-search__inside-wrapper {
	border: 2px solid var(--wp--preset--color--primary) !important;
	border-radius: 999px !important;
	overflow: hidden;
	background: #fff;
	display: flex;
	align-items: center;
	padding: 4px 4px 4px 20px !important;
	transition: box-shadow 0.2s;
}
body.search main .wp-block-search__inside-wrapper:focus-within {
	box-shadow: 0 0 0 3px rgba(42,79,28,0.15);
}
body.search main .wp-block-search__input {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	font-size: 15px !important;
	padding: 10px 0 !important;
	background: transparent !important;
	color: #2a2a2a;
	flex: 1;
}
body.search main .wp-block-search__button {
	background: var(--wp--preset--color--primary) !important;
	color: #fff !important;
	border-radius: 999px !important;
	border: none !important;
	padding: 10px 24px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s;
}
body.search main .wp-block-search__button:hover {
	background: #1a3d12 !important;
}

/* ── Khu vực kết quả + sidebar ── */
body.search .wp-block-columns {
	gap: 32px !important;
	align-items: flex-start !important;
}

/* ── Post card (search result item) ── */
.style-post-box .wp-block-post > .wp-block-group {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #e8e8e0;
	box-shadow: none !important;
	transition: box-shadow 0.25s, transform 0.25s;
	display: flex !important;
	flex-direction: column;
	height: 100%;
}
.style-post-box .wp-block-post:hover > .wp-block-group {
	box-shadow: 0 8px 32px rgba(42,79,28,0.12) !important;
	transform: translateY(-3px);
}

/* ── Ảnh thumbnail ── */
.style-post-box .wp-block-post-featured-image {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	margin: 0 !important;
	background: #eef0eb;
}
.style-post-box .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.style-post-box .wp-block-post:hover .wp-block-post-featured-image img {
	transform: scale(1.04);
}

/* ── Nội dung card ── */
.style-post-box .wp-block-post > .wp-block-group > .wp-block-group {
	padding: 20px 20px 24px !important;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* ── Tiêu đề bài viết ── */
.style-post-box .wp-block-post-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}
.style-post-box .wp-block-post-title a {
	color: var(--wp--preset--color--primary) !important;
	text-decoration: none !important;
}
.style-post-box .wp-block-post-title a:hover {
	color: #52634c !important;
}

/* ── Ngày đăng ── */
.style-post-box .wp-block-post-date {
	font-size: 12px !important;
	color: #888 !important;
	font-weight: 500 !important;
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 !important;
}
.style-post-box .wp-block-post-date::before {
	content: "📅";
	font-size: 11px;
}

/* ── Excerpt ── */
.style-post-box .wp-block-post-excerpt {
	font-size: 13px !important;
	color: #555 !important;
	line-height: 1.65 !important;
	margin: 0 !important;
	flex: 1;
}
.style-post-box .wp-block-post-excerpt__more-link {
	display: inline-block;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 700;
	color: #ffffff !important;
	text-decoration: none !important;
	border-bottom: 2px solid transparent;
	transition: border-color 0.2s;
}
.style-post-box .wp-block-post-excerpt__more-link:hover {
	border-bottom-color: var(--wp--preset--color--primary);
}

/* ── Grid kết quả ── */
.style-post-box,
.style-post-box .wp-block-post-template {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
}
.style-post-box li.wp-block-post {
	list-style: none !important;
}

/* ── Pagination ── */
body.search .wp-block-query-pagination {
	display: flex !important;
	justify-content: center;
	gap: 8px;
	margin-top: 40px !important;
	padding-bottom: 60px;
}
body.search .wp-block-query-pagination a,
body.search .wp-block-query-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid #ddd;
	font-size: 14px;
	font-weight: 600;
	color: var(--wp--preset--color--primary);
	text-decoration: none;
	background: #fff;
	transition: all 0.2s;
}
body.search .wp-block-query-pagination a:hover,
body.search .wp-block-query-pagination .current {
	background: var(--wp--preset--color--primary);
	color: #fff;
	border-color: var(--wp--preset--color--primary);
}

/* ── No results ── */
.no-results {
	text-align: center;
	padding: 80px 24px !important;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #e8e8e0;
}
.no-results h2 {
	font-size: 28px !important;
	font-weight: 700 !important;
	color: var(--wp--preset--color--primary) !important;
	margin-bottom: 12px !important;
}
.no-results p {
	font-size: 16px;
	color: #666;
	margin-bottom: 32px !important;
}

/* ── Sidebar ── */
body.search .wp-block-column:last-child {
	position: sticky;
	top: 100px;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
	.style-post-box,
	.style-post-box .wp-block-post-template {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 768px) {
	body.search .wp-block-columns {
		flex-direction: column !important;
	}
	body.search .wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}
	body.search .wp-block-column:last-child {
		position: static;
	}
	.style-post-box,
	.style-post-box .wp-block-post-template {
		grid-template-columns: 1fr !important;
	}
	body.search main .wp-block-search.aligncenter {
		margin: 0 16px 32px !important;
	}
}