/*
Theme Name: Owen
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --secondary-color: var(--fs-color-secondary); --gray-color: #99A2BC; --gray-300: #797473; }

body { font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; }

.header-top { background: url("assets/images/topbar_bg.png") no-repeat center center; background-size: cover; }
.header-top .nav-center { max-height: 50px; overflow: hidden; }
.header-top .nav-center li { display: block; width: 100%; text-align: center; line-height: 50px; }
.header-top .nav-center a { color: #000000; font-size: 20px; font-weight: 600; text-transform: uppercase; }
.header-top .slider-nav-circle .flickity-prev-next-button { top: 3px; }

body .form-flat .searchform .search-field { min-width: 500px; background-color: #FAF4F1 !important; min-height: 52px; padding: 8px 16px; border: none; color: #99A2BC !important; }
body .form-flat .searchform input::placeholder { color: var(--gray-color); font-style: normal; opacity: 1; font-size: 16px; }
body .form-flat .searchform .submit-button { height: 36px; width: 36px; background-color: var(--fs-color-primary) !important; display: flex; align-items: center; justify-content: center; transform: translateX(-14px); }
body .form-flat .searchform .icon-search:before { content: ""; background: url(assets/images/search.svg) no-repeat center center; width: 20px; height: 20px; display: block; }

body .header-main .header-nav-main > li.has-icon > a, body .header-main .header-nav-main .html_topbar_left a { color: #000; display: flex; flex-direction: column; font-size: 15px; font-weight: 400; align-items: center; }
body .header-main .header-nav-main .nav-dropdown { padding: 0; }
body .header-main .header-nav-main .nav-dropdown > li > a { margin: 0; padding: 12px; }
body .header-main .header-nav-main .cart-item .nav-dropdown { padding: 15px; min-width: 350px; }
body .header-main ul.product_list_widget li a:not(.remove) { font-size: 14px; font-weight: 700; color: #111; }
body .header-main ul.product_list_widget li a.remove { border: none; color: #111; font-size: 28px !important; }
body .header-main ul.product_list_widget li .quantity { opacity: 1; color: #414042; font-size: 16px; }
body .header-main ul.product_list_widget li .quantity span.amount { color: #c00; }
body .header-main ul.product_list_widget li dl { font-size: 13px; text-transform: none; }
body .header-main .widget_shopping_cart p.total { border-bottom: none; display: flex; justify-content: space-between; color: #111; }
body .header-main .woocommerce-mini-cart__buttons { display: flex; gap: 10px; }
body .header-main .woocommerce-mini-cart__buttons a { text-transform: none; margin-top: 10px; font-size: 14px; font-weight: 400; background-color: #fff !important; color: #111; border: 1px solid #111; border-radius: 100px; box-shadow: none; }
body .header-main .woocommerce-mini-cart__buttons a.checkout { background-color: var(--primary-color) !important; color: #fff; border-color: var(--primary-color) !important; }
body .header-main .woocommerce-mini-cart__buttons a.checkout:hover { background-color: #fff !important; color: var(--primary-color) !important; }
body .header-main .woocommerce-mini-cart__buttons a:hover { background-color: var(--primary-color) !important; color: #fff; border-color: var(--primary-color) !important; }
body .header-main .return-to-shop { margin: 0 10px; }
body .header-main .return-to-shop .button { color: #fff !important; }

.header-bottom { box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); }

.header-bottom-nav > li { margin: 0 20px; }
.header-bottom-nav > li > a { font-size: 16px !important; color: #000 !important; line-height: 1; padding: 0; font-weight: 400 !important; }
.header-bottom-nav > li:hover > a, .header-bottom-nav > li.current-menu-item > a { color: var(--primary-color) !important; }
.header-bottom-nav > li .icon-angle-down:before { content: ""; position: absolute; width: 0; height: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid; top: -5px; left: 3px; transform: rotate(90deg); }
.header-bottom-nav > li .nav-dropdown { display: block; box-shadow: 0px 4px 48px 0px rgba(116, 56, 43, 0.25); padding: 0px; min-width: 220px; }
.header-bottom-nav > li .nav-dropdown > li.nav-dropdown-col { display: block; width: 100%; }
.header-bottom-nav > li .nav-dropdown > li.nav-dropdown-col > ul { margin-top: -45px; display: none; position: absolute; left: 100%; z-index: 9; background-color: #fff; min-width: 240px; box-shadow: 0px 4px 48px 0px rgba(116, 56, 43, 0.25); padding: 10px; min-width: 220px; }
.header-bottom-nav > li .nav-dropdown > li.nav-dropdown-col > ul li > a { color: #000; font-size: 15px !important; border: none; margin: 0; }
.header-bottom-nav > li .nav-dropdown > li.nav-dropdown-col > ul li > a:hover { color: var(--primary-color); }
.header-bottom-nav > li .nav-dropdown > li.nav-dropdown-col:hover > ul { display: block; }
.header-bottom-nav > li .nav-dropdown > li > a { color: #000; font-size: 15px; text-transform: none; font-weight: 400; border: none; margin: 2px 15px; }
.header-bottom-nav > li .nav-dropdown > li > a:hover { color: var(--primary-color); }

[data-icon-label]:after { top: 0; right: 5px; background-color: var(--primary-color); }

.button:not(.icon) { box-shadow: none; }
.button:not(.icon) .icon-angle-right:before { content: ""; background: url("assets/images/icon-right.svg") no-repeat; width: 24px; height: 24px; display: flex; }
.button:not(.icon).primary:hover { opacity: 0.7; }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 32px; min-width: 32px; }
.slider-nav-circle .flickity-prev-next-button svg { border: none !important; padding: 29% !important; background-color: #fff; box-shadow: 0 0 4px 0 var(--mainColor); }
.slider-nav-circle .flickity-prev-next-button svg .arrow { fill: var(--primary-color) !important; }
.slider-nav-circle .flickity-prev-next-button:hover svg { background-color: rgba(33, 52, 62, 0.6); }

.flickity-page-dots .dot { height: 3px !important; width: 40px !important; background: var(--fs-color-primary) !important; border: none; border-radius: 0 !important; margin: 0 !important; }
.flickity-page-dots .dot.is-selected { height: 5px !important; opacity: 1; transform: translateY(1px); }

.slider-nav-light .dot { background: #fff !important; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { font-size: 36px; font-weight: 600; color: var(--primary-color); line-height: 1; border-bottom: none; }
.section-title.section-title-center { position: relative; }
@media screen and (min-width: 550px) { .section-title.section-title-center:after { content: ""; background: var(--primary-color); height: 2px; width: 100%; position: absolute; left: 0; top: 50%; } }
.section-title.section-title-center span.section-title-main { padding: 0 70px; background: #fff; position: relative; display: inline-block; width: auto; z-index: 1; }
@media screen and (min-width: 550px) { .section-title.section-title-center span.section-title-main::before, .section-title.section-title-center span.section-title-main::after { content: ""; width: 15px; height: 15px; background: var(--primary-color); position: absolute; left: 0; top: 12px; transform: rotate(-45deg); }
  .section-title.section-title-center span.section-title-main::after { left: auto; right: 0; } }
.section-title.section-title-bold-center span { border: none; }

.slider-nav-simple .flickity-prev-next-button { opacity: 1; transform: none; margin-top: 0 !important; }
.slider-nav-simple .flickity-prev-next-button svg { color: var(--primary-color) !important; }
.slider-nav-simple .flickity-prev-next-button:hover svg, .slider-nav-simple .flickity-prev-next-button:hover .arrow { fill: var(--primary-color) !important; }

.slider-nav-simple .flickity-button { opacity: 1; }
.slider-nav-simple .flickity-button > svg { display: none; }
.slider-nav-simple .flickity-button:before, .slider-nav-simple .flickity-button:after { content: ''; height: 25px; width: 25px; display: block; transform: translate(0, -50%) rotate(45deg); -moz-transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); z-index: 2; margin: auto; position: absolute; }
.slider-nav-simple .flickity-button.previous:before { border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
.slider-nav-simple .flickity-button.next::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }
.slider-nav-simple .flickity-button:hover:before { border-color: var(--secondary-color); }
.slider-nav-simple.slider-nav-dark .flickity-button.previous:before { border-bottom: 2px solid #000; border-left: 2px solid #000; }
.slider-nav-simple.slider-nav-dark .flickity-button.next::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.slider-nav-outside .flickity-prev-next-button.previous { right: 100%; left: auto; margin-top: 0; }
.slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; margin-top: 0; }
.slider-nav-outside.slider-nav-simple .flickity-button:before { border-color: var(--primary-color); }
.slider-nav-outside.slider-nav-simple.slider-nav-light .flickity-button:before { border-color: #fff; }

.slider-nav-outside-bottom .flickity-page-dots { bottom: -15px; }
.slider-nav-outside-bottom .flickity-prev-next-button.previous { right: 90%; left: auto; margin-top: 0; bottom: -30px; top: auto; }
.slider-nav-outside-bottom .flickity-prev-next-button.next { right: auto; left: 90%; margin-top: 0; bottom: -30px; top: auto; }
.slider-nav-outside-bottom.slider-nav-simple .flickity-button:before { height: 20px; width: 20px; }

.product-category .box-image { max-width: 200px; margin: 0 auto; }
.product-category .header-title { display: inline-block; border: 2px solid rgba(255, 99, 71, 0.2); background: #fff; line-height: 24px; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 8px 15px; border-radius: 12px; }
.product-category .box-push .box-text { margin: -30px auto 0 !important; background-color: transparent; margin-top: 10px; text-align: center; width: 100%; padding: 0; }
.product-category:hover .box-image { animation: shake 0.5s; }

.has-radius img { border: 4px solid #fff; border-radius: 12px; }

@keyframes shake { 0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); } }
.product-small.box .box-image { border-radius: 16px; transition-duration: .7s; }
.product-small.box .list-action-right { transition: all .4s ease; z-index: 1; position: absolute; top: 10px; right: 10px; transform: translateX(60px); }
.product-small.box .list-action-right a { width: 32px; height: 32px; background: #fff; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; border-radius: 100%; transition-duration: .3s; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
.product-small.box .list-action-right a svg { width: 20px; height: 20px; }
.product-small.box .list-action-right a:hover { background-color: var(--primary-color); }
.product-small.box .list-action-right a:hover svg path { stroke: #fff; }
.product-small.box .list-action-bottom { width: 100%; position: absolute; bottom: 20px; transform: translateX(-50%); opacity: 0; visibility: hidden; transform: translateY(100px); transition: all .4s ease; z-index: 1; padding: 0 18px; }
.product-small.box .list-action-bottom button, .product-small.box .list-action-bottom a { transition-duration: .3s; border-radius: 20px; border: none; font-weight: 500; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); padding: 1px 16px; width: 100%; display: block; text-align: center; text-transform: none; font-size: 15px; font-weight: 500; color: #000 !important; }
.product-small.box .list-action-bottom button:hover, .product-small.box .list-action-bottom a:hover { background-color: var(--primary-color); color: #fff !important; }
.product-small.box span.amount { font-size: 16px; color: var(--primary-color); font-weight: 500; }
.product-small.box .product-title a { font-size: 16px; font-weight: 500; color: #2B2F33; overflow: hidden; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 10px; }
.product-small.box .product-title a:hover { color: var(--primary-color); }
.product-small.box .price-wrapper .price { text-align: left; }
.product-small.box:hover .list-action-right { opacity: 1; visibility: visible; transform: translateX(0); }
.product-small.box:hover .list-action-bottom { opacity: 1; visibility: visible; transform: translateY(0); }
.product-small.box .ux-swatches { justify-content: flex-start !important; }

.dark .product-small.box .product-title a, .dark .product-small.box span.amount { color: #fff; }

.gradient-title span { background: linear-gradient(3.44deg, #FCE5BF 2.83%, #fff 96.97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.nav-line-bottom { border-bottom: 1px solid #E6E6E6; width: auto !important; display: inline-block; margin: 0 auto; }
.nav-line-bottom > li { margin: 0 15px; }
.nav-line-bottom > li > a { color: rgba(43, 47, 51, 0.6); font-size: 16px; font-weight: 500; line-height: 24px; padding: 5px 0; text-transform: none; }
.nav-line-bottom > li > a:before { height: 1px; }

.post-item .box-image { border-radius: 16px; }
.post-item .is-divider { display: none; }
.post-item .post-title a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-word; -webkit-line-clamp: 2; }
.post-item .post-meta { color: #000; font-size: 14px; opacity: 1; }
.post-item .from_the_blog_excerpt { font-size: 15px; line-height: 22px; }

.home-policy { margin-top: -60px; }
.home-policy .row { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12); border-radius: 24px; padding: 42px; background: #fff; }
.home-policy .col { padding-bottom: 0; }
.home-policy h4 { font-size: 16px; font-weight: 700; line-height: 20px; color: #2B2F33; margin-bottom: 2px; }
.home-policy p { font-size: 14px; line-height: 20px; margin-bottom: 0; color: #737373; }

.rank-math-breadcrumb { font-size: 15px; color: #000; text-transform: none; }
.rank-math-breadcrumb a { color: #000; }
.rank-math-breadcrumb a:hover { color: var(--primary-color); }

.category-page-row h1 { font-size: 23px; font-weight: 500; color: #181818; margin-bottom: 25px; line-height: 1; margin-bottom: 0; }
.category-page-row .woocommerce-ordering select { background-color: transparent; border-radius: 6px; border: 1px solid #e9e9e9; width: 160px; padding: 4px 10px; }

.post-sidebar .is-divider { display: none; }
.post-sidebar span.widget-title { position: relative; font-size: 18px; font-weight: 500; margin-bottom: 15px; color: #181818; }
.post-sidebar .widget_product_categories { padding: 15px 15px; border-radius: 6px; border: 1px solid #efefef; }
.post-sidebar ul .children { border-left: none; }
.post-sidebar ul li a { display: block; padding: 5px 0; word-wrap: break-word; position: relative; font-size: 15px; color: #000; }
.post-sidebar ul li a:hover { color: var(--primary-color); }
.post-sidebar ul li + li { border-top: none; }
.post-sidebar .searchform { border-radius: 10px; border: 1px solid #ccc; }
.post-sidebar .searchform .search-field, .post-sidebar .searchform .submit-button { border: none; background-color: transparent; box-shadow: none; color: #000; }
.post-sidebar .flatsome_recent_posts .recent-blog-posts-li { border-radius: 12px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0.27) 100%), #F6F6F7; padding: 8px; margin-bottom: 12px; border: none; }
.post-sidebar .flatsome_recent_posts .post_comments { display: none; }
.post-sidebar .flatsome_recent_posts .post-date { width: 100px; height: 100px; border-radius: 5px; overflow: hidden; }
.post-sidebar .flatsome_recent_posts a { font-size: 14px; color: #070540; font-weight: 700; }

.owen_wcfa_widget_layered_nav .widget-title { margin-bottom: 15px; font-size: 18px; font-weight: 600; }

.owen_top_content, .owen_bottom_content { margin-bottom: 15px; padding: 10px; background: #f8f9fa; border-radius: 4px; }

.owen-widget-layered-nav-list { list-style: none; padding: 0; margin: 0; }

.owen-widget-layered-nav-list li { margin-bottom: 8px; border: 1px solid #e9e9e9 !important; padding: 0 7px; border-radius: 20px; }

.owen-widget-layered-nav-list li:hover { border-color: #111 !important; }

.owen-widget-layered-nav-list li > a { display: flex !important; color: #333; text-decoration: none; align-items: center; transition: color 0.2s; }

.owen-widget-layered-nav-list li > a:hover { color: var(--primary-color); }

.owen-widget-layered-nav-list li.chosen a { color: var(--primary-color); font-weight: 600; }

.owen_2_columns.owen-widget-layered-nav-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.owen_3_columns.owen-widget-layered-nav-list { display: flex; flex-flow: row wrap; gap: 5px; }

.owen_4_columns.owen-widget-layered-nav-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; }

.display_type_color .owen_color_item { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e0e0e0; margin-right: 10px; flex-shrink: 0; }

.display_type_color .owen_color_name { font-size: 14px; }

.display_type_default a { justify-content: center !important; min-width: 42px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; }

.display_type_onlyimg img, .display_type_img_text img { max-width: 40px; max-height: 40px; margin-right: 8px; }

.owen-widget-layered-nav-list .count { background: #f8f9fa; padding: 2px 8px; border-radius: 12px; font-size: 12px; margin-left: auto; }

.owen-widget-layered-nav-list li.chosen .count { background: var(--primary-color); color: #fff; }

.owen_woocommerce_price_list_filter .widget-title { margin-bottom: 15px; font-size: 18px; font-weight: 600; }

.woocommerce-widget-layered-nav-list { list-style: none; padding: 0; margin: 0; }

.woocommerce-widget-layered-nav-list__item a { color: #333; text-decoration: none; display: flex; justify-content: space-between; }

.woocommerce-widget-layered-nav-list__item a:hover { color: var(--primary-color); }

.woocommerce-widget-layered-nav-list__item.chosen a { color: var(--primary-color); font-weight: 600; }

.woocommerce-widget-layered-nav-list__item .count { background: #f8f9fa; padding: 2px 8px; border-radius: 12px; font-size: 12px; }

.product-thumbnails a, .product-gallery-slider img { border-radius: 16px; }

.product-gallery .social-media { display: flex; padding: 20px 0 0; margin: 0; list-style: none; align-items: center; color: #55585C; }
.product-gallery .social-media .title { margin-right: 8px; }
.product-gallery .social-media .title svg { position: relative; top: -2px; }
.product-gallery .social-media .social-media__item { display: inline-block; margin-left: 5px; width: 24px; }
.product-gallery .social-media .social-media__item svg { width: 24px; height: 24px; }
.product-gallery .social-media .social-media__item svg path { fill: var(--mainColor); }
.product-gallery .social-media .social-media__item:hover svg path { fill: var(--oldColor); }

.product-info h1.product-title { font-size: 28px; font-weight: 600; margin: 0 0 10px; line-height: 1.3; max-width: 70%; }
.product-info span.amount { font-size: 24px; font-weight: bold; color: var(--fs-color-primary); display: inline-block; margin-right: 8px; }
.product-info .list-unstyled { border: 1px solid #e4e4e4; border-radius: 6px; padding: 10px; position: absolute; right: 0; top: 0; font-size: 14px; }
.product-info .list-unstyled .a-title { font-weight: 500; }
.product-info .list-unstyled .product-status .a-stock { color: #28a745; }
.product-info .list-unstyled .product-status .a-stock .stock-out { color: var(--primary-color); }
.product-info .custom-size { display: flex; align-items: center; gap: 8px; font-weight: 500; cursor: pointer; color: #000; margin-left: auto; }
.product-info .custom-size svg { overflow: hidden; vertical-align: middle; width: 24px; height: 24px; }
.product-info .single_add_to_cart_button { background: #000; border: solid 1px #000; color: #fff; padding: 4px 8px; border-radius: 25px; text-transform: uppercase; font-weight: 500; transition: all .4s ease; width: 88%; opacity: 1; }
.product-info .single_add_to_cart_button:hover { border-color: var(--fs-color-primary); background-color: #FFF; color: var(--fs-color-primary); }
.product-info .ux-buy-now-button { background: var(--fs-color-primary); border: solid 1px var(--fs-color-primary); color: #fff; padding: 4px 8px; border-radius: 25px; text-transform: uppercase; font-weight: 500; transition: all .4s ease; width: 100%; opacity: 1; }
.product-info .ux-buy-now-button:hover { border-color: var(--fs-color-primary); background-color: #FFF; color: var(--fs-color-primary); }
.product-info .favorite-link { width: 51px; height: 51px; display: flex; align-items: center; justify-content: center; border: 1px solid #e4e4e4; border-radius: 100%; max-width: 51px; background: var(--fs-color-primary); border: solid 1px var(--fs-color-primary); color: #fff; }
.product-info .product-notice { margin-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; }
.product-info .product-notice svg path { fill: var(--fs-color-primary); }
.product-info .product-notice .notice-content .t1 { font-weight: 500; color: var(--fs-color-primary); }
.product-info .product-notice .notice-content .number { font-weight: 500; color: var(--fs-color-primary); }
.product-info .policy-product { border-radius: 6px; overflow: hidden; }
.product-info .policy-product__content .item { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.product-info .policy-product__content .item .icon { width: 30px; }
.product-info .policy-product__content .item .info { width: calc(100% - 30px); }
.product-info .policy-product__content .item .info * { display: inline-block; }
.product-info .policy-product__content .item .info .title { font-weight: 500; }
.product-info .policy-product__content .item .info p { margin-bottom: 0; color: #76809B; }
.product-info .policy-product__content .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: initial; }

.custom-quantity-wrap { display: flex; gap: 10px; align-items: center; }
.custom-quantity-wrap .quantity { margin-bottom: 0 !important; border: 1px solid #ccc; border-radius: 100px; }
.custom-quantity-wrap .quantity .button { width: 35px; height: 35px; background: transparent !important; text-align: center; border-radius: 0px !important; line-height: 35px; font-weight: 700 !important; cursor: pointer; padding: unset; text-shadow: unset !important; color: #000 !important; box-shadow: none !important; }
.custom-quantity-wrap .quantity .button.minus, .custom-quantity-wrap .quantity .button.plus { border: unset; min-height: unset; }
.custom-quantity-wrap .quantity .button:hover { background-color: transparent !important; color: var(--fs-color-primary) !important; }
.custom-quantity-wrap .quantity .qty { background-color: transparent; border: none; width: 45px !important; font-size: 16px !important; outline: none; box-shadow: none; padding: 0; text-align: center; margin: 0 10px; height: 35px; }

.product-footer .woocommerce-tabs { border-top: none; }

.product-tabs > li { margin: 0 15px; }
.product-tabs > li > a { font-size: 24px; line-height: 30px; font-weight: 600; color: #a0a0a0; transition-duration: .3s; text-transform: none; }
.product-tabs > li > a:before { top: auto; bottom: 0; height: 1px; }
.product-tabs > li.active > a, .product-tabs > li:hover > a { color: var(--fs-color-primary); }

.product-section { border-top: none; }

.product-section-title, .related-title { text-align: center; color: #000; font-size: 32px; font-weight: 600; }

.single-meta { display: flex; gap: 20px; align-items: center; }
.single-meta .meta-item { display: flex; gap: 8px; color: var(--primary-color); }

.btn-wish { position: relative; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.btn-wish svg { width: 24px; height: 24px; transition: all 0.3s ease; }
.btn-wish path { transition: fill 0.3s ease, stroke 0.3s ease; }
.btn-wish.active i { color: red; }
.btn-wish:hover { transform: scale(1.1); }
.btn-wish.loading { opacity: 0.6; pointer-events: none; }
.btn-wish.loading:after { content: ""; position: absolute; width: 20px; height: 20px; border: 2px solid #e74c3c; border-radius: 50%; border-top-color: transparent; animation: spin 0.6s linear infinite; }

@keyframes spin { to { transform: rotate(360deg); } }
.wishlist-empty { text-align: center; padding: 60px 20px; }
.wishlist-empty p { font-size: 18px; color: var(--gray-color); margin: 0; }

.wishlist-products .product-small { margin-bottom: 30px; }

.footer-wrapper { z-index: 1; }

.footer-1 { padding-top: 0px; border-top: 1px solid var(--primary-color); }
.footer-1 .is-divider { display: none; }
.footer-1 span.widget-title { font-size: 16px; display: block; font-weight: 700; margin-bottom: 15px; letter-spacing: normal; padding-top: 40px; }
.footer-1 h3 { font-size: 16px; font-weight: 500; line-height: 21px; text-transform: uppercase; margin-bottom: 20px; }
.footer-1 p { font-size: 15px; display: flex; color: #000; margin-bottom: 12px; }
.footer-1 p svg { margin-right: 10px; }
.footer-1 ul li a { font-size: 15px; font-weight: 400; position: relative; color: #000; }
.footer-1 ul li a:hover { color: var(--fs-color-primary); }
.footer-1 ul li + li { border-top: none; }
.footer-1 .row > .col:nth-child(1) .textwidget { border-radius: 0px 0px 24px 24px; background: var(--fs-color-primary); color: #fff; text-align: center; padding-top: 40px; height: 100%; margin-right: 15px; }
@media screen and (min-width: 820px) { .footer-1 .row > .col:nth-child(1) { flex-basis: 30%; max-width: 30%; }
  .footer-1 .row > .col:nth-child(4) { flex-basis: 20%; max-width: 20%; } }
.footer-1 .social-icons { padding-top: 30px; border-top: 2px dashed #fff; width: 100%; margin-top: 35px; }
.footer-1 .social-icons > a { background-color: transparent; border: none; color: #fff; line-height: 32px; margin-right: 9px; margin-bottom: 0; }
.footer-1 .social-icons span { display: block; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.footer-1 .contact-footer .item { margin-bottom: 10px; }
.footer-1 .contact-footer .item a { color: #000; }
.footer-1 .contact-footer .item a:hover { color: var(--fs-color-primary); }
.footer-1 .list-menu a { display: block; margin-bottom: 10px; font-size: 15px; color: #000; }
.footer-1 .list-menu a:hover { color: var(--fs-color-primary); }

.absolute-footer { border-top: none; background-color: transparent; }
.absolute-footer .footer-primary { border-top: 1px dashed var(--fs-color-primary); padding: 8px 0; }

.copyright-footer { color: #000; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li { margin-left: 5px !important; }
.nav-pagination li span { border-radius: 8px; height: 32px; width: 32px; line-height: 30px; }
.nav-pagination li a { height: 32px; width: 32px; line-height: 32px; font-weight: 600; font-size: 14px; background-color: transparent !important; border: 1px solid #D9D9D9; border-radius: 8px; }
.nav-pagination li.active a, .nav-pagination li:hover a { background-color: var(--primary-color) !important; color: #000 !important; border-color: var(--primary-color) !important; }
.nav-pagination li .current { border-color: var(--primary-color) !important; }

@media (prefers-reduced-motion: no-preference) { .row-slider.slider [data-animated=true], .slider .is-selected [data-animated=true], [data-animated=true] { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; }
  [data-animate=bounceInUp] { transition: transform 0.4s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.2s ease-in !important; }
  .slider [data-animate], [data-animate] { transition: filter 0.7s, transform 0.7s, opacity 0.4s ease-in !important; } }
@media screen and (max-width: 820px) { .mobile-nav .has-icon a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 40px; height: 40px; padding: 0; min-width: auto; border-radius: 50%; position: relative; color: var(--primary-color); }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .mobile-nav .icon-image img { min-width: 25px; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; border-radius: 5px; }
  .off-canvas .nav-vertical > li.current-menu-item > a, .off-canvas .nav-vertical > li:hover > a { color: var(--primary-color); }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); } }
@media screen and (max-width: 512px) { .header-top .nav-center .flickity-prev-next-button { display: none !important; }
  .header-top .nav-center a { font-size: 15px; }
  body .form-flat .searchform .search-field { min-width: auto; }
  .home-policy .row { padding: 12px; }
  .product-category .header-title { font-size: 14px; }
  .section-title.section-title-center span.section-title-main { font-size: 22px; padding: 0; } }
.social-fixed { position: fixed; right: 40px; top: initial !important; bottom: 100px; z-index: 999; }
.social-fixed.social-mess-facebook { bottom: 155px; }
.social-fixed.social-tiktok { bottom: 210px; }
.social-fixed > a { text-align: center; display: block; border-radius: 50%; background: #fff; height: 40px; width: 40px; line-height: 38px; margin-bottom: 15px; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.3); }
.social-fixed > a svg { width: 25px; height: 25px; fill: var(--mainColor); }
.social-fixed > a:hover { background: var(--mainColor); }
.social-fixed > a:hover svg { fill: #fff; }
@media screen and (max-width: 512px) { .social-fixed { right: 10px; bottom: 180px; }
  .social-fixed.social-mess-facebook { bottom: 225px; }
  .social-fixed.social-tiktok { bottom: 275px; }
  .social-fixed > a { height: 35px; width: 35px; line-height: 33px; margin-bottom: 10px; } }

.header-mobile-fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: var(--fs-color-primary); display: none; }
.header-mobile-fixed .col { padding: 10px 6px; display: flex; align-items: center; justify-content: center; }
.header-mobile-fixed a { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #fff; font-size: 10px; }
.header-mobile-fixed a svg { margin-bottom: 2px; }
.header-mobile-fixed a [data-icon-label]:after { top: -10px; right: -10px; background-color: #fff; color: var(--fs-color-primary); font-size: 12px; }

@media screen and (max-width: 849px) { .header-mobile-fixed { display: block; } }
.popupSize .popup-content { background-color: white; border-radius: 12px; max-width: 1000px; position: relative; width: 90%; }
.popupSize .popup-content h2 { margin-bottom: 10px; }
.popupSize .popup-content .selection-container label { margin-bottom: 0; }
.popupSize .popup-content .selection-container .size-gender { margin-bottom: 20px; }
.popupSize .popup-content .selection-container .size-gender .size-gender-field { display: inline-block; }
.popupSize .popup-content .selection-container .size-gender .size-gender-field input { display: none; }
.popupSize .popup-content .selection-container .size-gender .size-gender-field input:checked + label { color: var(--fs-color-primary); border-color: var(--fs-color-primary); }
.popupSize .popup-content .selection-container .size-gender .size-gender-field label { cursor: pointer; border: 1px solid #e4e4e4; color: #000; padding: 6px 10px; border-radius: 6px; margin-right: 3px; }
.popupSize .popup-content .selection-container .size-suggestion .size-suggestion-field { justify-content: space-between; display: flex; align-items: center; margin-bottom: 10px; }
.popupSize .popup-content .selection-container .size-suggestion .size-suggestion-field input { width: 80%; -webkit-appearance: none; appearance: none; cursor: pointer; outline: none; overflow: hidden; border-radius: 16px; }
.popupSize .popup-content .selection-container .size-suggestion .size-suggestion-field input::-webkit-slider-runnable-track { height: 15px; background: #ccc; border-radius: 16px; }
.popupSize .popup-content .selection-container .size-suggestion .size-suggestion-field input::-moz-range-track { height: 15px; background: #ccc; border-radius: 16px; }
.popupSize .popup-content .selection-container .size-suggestion .size-suggestion-field input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 15px; width: 15px; background-color: #fff; border-radius: 50%; border: 2px solid #f50; box-shadow: -407px 0 0 400px #f50; }
.popupSize .popup-content .selection-container .size-suggestion .size-suggestion-field input::-moz-range-thumb { height: 15px; width: 15px; background-color: #fff; border-radius: 50%; border: 1px solid #f50; box-shadow: -407px 0 0 400px #f50; }
.popupSize .popup-content .selection-container .size-suggestion .size-suggestion-field label span { font-weight: 500; color: var(--fs-color-primary); }
.popupSize .popup-content .size-result { margin-top: 20px; }
.popupSize .popup-content .size-result .title { font-weight: 500; margin-bottom: 8px; }
.popupSize .popup-content .size-result .list-size-result p { display: inline-block; height: 30px; line-height: 30px; background: var(--fs-color-primary); padding: 0 10px; border-radius: 24px; color: #fff; margin-bottom: 0; }
.popupSize .popup-content select { padding: 5px 10px; font-size: 16px; margin-bottom: 20px; }
.popupSize .popup-content button[type="submit"] { padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer; }
.popupSize .popup-content button[type="submit"]:hover { background-color: #45a049; }
.popupSize .popup-content .close-btn { position: absolute; top: 20px; right: 20px; font-size: 24px; cursor: pointer; background: #e9e9e9; line-height: 25px; width: 30px; height: 30px; text-align: center; border-radius: 30px; transition: all 0.3s ease; }
.popupSize .popup-content .close-btn:hover { background: var(--fs-color-primary); color: #fff; }

.white-popup-block { background: #FFF; padding: 0px 0px; text-align: left; max-width: 550px; margin: 40px auto; position: relative; border-radius: 15px; overflow: hidden; padding: 25px 30px; }
.white-popup-block .wpcf7 input[type=email], .white-popup-block .wpcf7 input[type=tel], .white-popup-block .wpcf7 input[type=text], .white-popup-block .wpcf7 textarea { color: #000; margin-bottom: 15px; }
.white-popup-block .mfp-close { color: #000 !important; mix-blend-mode: normal; opacity: 1; }

.white-popup-block h3 { text-align: center; text-transform: uppercase; font-size: 18px; }
.white-popup-block h3 .goi { color: var(--primary-color); }
.white-popup-block h3 .thoi_gian { color: var(--secondary-color); }

.modal-body tr:nth-child(even) { background: #ebf0f4; }
.modal-body th { font-size: 16px; font-weight: 400; padding: 5px; text-transform: none; }
.modal-body td { font-size: 16px; font-weight: 300; color: #000; padding: 5px; }

#noti-wish { position: fixed; top: 15px; right: 15px; z-index: 99999; }

#notification-container { position: fixed; top: 15px; right: 15px; z-index: 99999; }

.notifyed, .notification { background-color: #333; margin-bottom: 10px; color: #fff; border-radius: .45rem; width: 255px; padding: 0.75rem 1.25rem; }

@media (max-width: 767px) { .notifyed, .notification { font-size: 14px; } }
.notifyed.success, .notification.success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.notifyed.warning, .notification.warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.notifyed.error, .notification.error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }

.notifyed .title, .notification .title { font-size: 16px; font-weight: 600; margin-bottom: 5px; }