/*
 * dbd-base.css - binhdong.vn, EQVN 01/11/2026 (đợt 4a, bản chuẩn bị)
 * Nền dùng chung mọi trang. Nạp đúng chỗ style.css cũ (trước CSS Elementor, Rehub). dbd-design.css vẫn nạp sau cùng như cũ.
 * Dựng tự động từ CSS đang chạy: dbd-tokens.css, style.css, brand-post/archive/woo.css (cũ). Giữ thứ tự gốc.
 * Không sửa tay trên host; sửa theo bản trong "07. Cấu trúc code/theme-con/v4a/".
 */

/* === nguồn: dbd-tokens.css === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section{display: block;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: none;}
table{border-collapse: collapse; width:100%;}
td,th,tr{padding: 6px 12px;}
*{box-sizing: border-box;}
mark, ins{text-decoration: none;}
ul{list-style: none;}
:root{--color-primary:   #0A7A37;
  --color-secondary: #0FA523;
  --color-accent:    #FF8A00;
  --color-accent-2:  #E67A00;
  --color-text:      #333333;
  --color-text-weak: #666666;
  --color-bg:        #FAFAFA;
  --color-card:      #FFFFFF;
  --color-border:    #E0E0E0;
  --color-dark:      #1A1A1A;
  --color-heading:   var(--color-primary);
  --color-success:   #4CAF50;
  --color-error:     #E53935;
  --color-warning:   #FFC107;
  --color-info:      #2196F3;
  /* Type scale */
  --h1-d:36px; --h1-t:28px; --h1-m:24px;
  --h2-d:30px; --h2-t:24px; --h2-m:20px;
  --h3-d:24px; --h3-t:20px; --h3-m:18px;
  --h4-d:20px; --h4-t:18px; --h4-m:16px;
  --h5-d:18px; --h5-t:16px; --h5-m:15px;
  --h6-d:16px; --h6-t:15px; --h6-m:14px;
  --body-d:16px;    --body-t:15px;    --body-m:14px;
  --body-lg-d:18px; --body-lg-t:17px; --body-lg-m:16px;
  --caption-d:14px; --caption-t:13px; --caption-m:12px;
  /* Line-heights */
  --lh-tight: 1.3;
  --lh-h:     1.3;
  --lh-h2:    1.25;
  --lh-body:  1.6;
  --lh-cap:   1.5;
  /* Spacing */
  --mb-h1:24px; --mb-h2:20px; --mb-h3:16px;
  --mb-h4:12px; --mb-h5:10px; --mb-h6:8px;
  --mb-paragraph-d: 16px;
  --mb-paragraph-t: 16px;
  --mb-paragraph-m: 16px;
  --ls-tight:  0.5px;
  --ls-0:      0;
  --ws-strong: 2px;
  --ws-weak:   1.2px;
  /* Lists */
  --list-indent-d:   12px;
  --list-indent-m:   12px;
  --list-gap:        8px;
  --list-top-attach: 8px;
  --list-bottom:     16px;
  /* Buttons */
  --btn-radius:  8px;
  --btn-pad-d-y: 12px; --btn-pad-d-x: 24px;
  --btn-pad-t-y: 10px; --btn-pad-t-x: 20px;
  --btn-pad-m-y: 8px;  --btn-pad-m-x: 16px;
  /* Tabs */
  --tab-border: #E6E9F0;
  --tab-bg:     #F8FAFC;}
body{background:  var(--color-bg) !important;
  color:       var(--color-text) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important;
  font-size:   var(--body-d);
  line-height: var(--lh-body);}
::selection{background: var(--color-secondary); color: #fff; text-shadow: none;}
h1, h2, h3, h4, h5, h6{color:       var(--color-heading);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important;
  font-weight: 700;
  margin-top:  0 !important;
  line-height: var(--lh-tight);}
h1{font-size: var(--h1-d); margin: 0 0 var(--mb-h1); letter-spacing: var(--ls-tight); word-spacing: var(--ws-strong);}
h2{font-size: var(--h2-d); margin: 0 0 var(--mb-h2); line-height: var(--lh-h);  letter-spacing: var(--ls-tight); word-spacing: var(--ws-strong);}
h3{font-size: var(--h3-d); margin: 0 0 var(--mb-h3); line-height: var(--lh-h2); letter-spacing: var(--ls-0);     word-spacing: var(--ws-strong);}
h5{font-size: var(--h5-d); margin: 0 0 var(--mb-h5); line-height: var(--lh-h2); letter-spacing: var(--ls-0);     word-spacing: var(--ws-weak);}
h6{font-size: var(--h6-d); margin: 0 0 var(--mb-h6); line-height: var(--lh-h2); letter-spacing: var(--ls-0);     word-spacing: var(--ws-weak);}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit; text-decoration: none; font-family: inherit;}
article, .post{font-size:   var(--body-d);
  line-height: var(--lh-body);
  color:       var(--color-text);}
article p, .post p{margin:      0 0 var(--mb-paragraph-d);
  font-size:   var(--body-d);
  line-height: var(--lh-body);
  color:       var(--color-text);}
article strong, .post strong, article b, .post b{font-weight: 700;}
article em, .post em, article i, .post i{font-style: italic;}
small, .caption, figcaption{font-size:      var(--caption-d);
  line-height:    var(--lh-cap);
  letter-spacing: 0.2px;
  color:          var(--color-text-weak);}
.body-large{font-size: var(--body-lg-d); line-height: var(--lh-body);}
article a:not(.wp-element-button), .post a:not(.wp-element-button){color: var(--color-primary);
  text-decoration: none;
  transition: color .2s ease;}
article a:hover:not(.wp-element-button), .post a:hover:not(.wp-element-button){color: var(--color-accent);
  text-decoration: underline;}
article ul li::marker, .post ul li::marker{color: var(--color-primary);}
article ol li::marker, .post ol li::marker{color: var(--color-primary); font-weight: 600;}
.wp-element-button, .button, button, input[type="submit"]{font-family:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-weight:   600;
  line-height:   1.2;
  border-radius: var(--btn-radius);}
.wp-element-button, .button.primary, button.primary, input[type="submit"].primary{background: var(--color-primary); color: #fff;
  border: 1px solid var(--color-primary);
  padding: var(--btn-pad-d-y) var(--btn-pad-d-x);
  transition: background .2s ease, border-color .2s ease, color .2s ease;}
@media (max-width: 1024px){
  body, article, .post{font-size: var(--body-t);}
  article p, .post p{margin-bottom: var(--mb-paragraph-t); font-size: var(--body-t);}
  h1{font-size: var(--h1-t);}
  h2{font-size: var(--h2-t);}
  h3{font-size: var(--h3-t);}
  h5{font-size: var(--h5-t);}
  h6{font-size: var(--h6-t);}
  .wp-element-button, .button, button:not(.dl-trigger), input[type="submit"]{padding: var(--btn-pad-t-y) var(--btn-pad-t-x);}
}
@media (max-width: 767px){
  body, article, .post{font-size: var(--body-m);}
  article p, .post p{margin-bottom: var(--mb-paragraph-m); font-size: var(--body-m);}
  h1{font-size: var(--h1-m);}
  h2{font-size: var(--h2-m);}
  h3{font-size: var(--h3-m);}
  h5{font-size: var(--h5-m);}
  h6{font-size: var(--h6-m);}
  .wp-element-button, .button, button:not(.dl-trigger), input[type="submit"]{padding: var(--btn-pad-m-y) var(--btn-pad-m-x);}
}

/* === nguồn: style.css (theme con) === */
:root :where(a:where(:not(.wp-element-button))){text-decoration: none !important;}
a:focus, button{outline: none;}
a:hover, a:active{color: #000;}
img{max-width: 100%; height: auto; vertical-align: top; border: 0;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
p strong{font-weight: bold;}
p em{font-style: italic;}
hr{background: #ddd; border: 0; height: 1px;}
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearbox{clear: both;}
.screen-reader-text{border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.screen-reader-text:focus{background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}
a.ajax_add_to_cart.loading:after, .wpsm_pretty_list ul li:before, .loading .re-icon-compare:before, .loading.table_view_charts:before, .post_carousel_block.loading:before, .woo_carousel_block.loading:before, .cons_comment_item:before, .pros_comment_item:before, span.date_meta:before, span.cat_link_meta:before, span.comm_count_meta:before, span.postview_meta:before, span.admin_meta:before, .wpsm_cons ul li:before, .wpsm_pros ul li:before, #buddypress .standard-form div.radio ul li:before, .re_carousel .controls:after, .media_owl_carousel .gp-overlay a:before, .rh_category_tab ul.cat_widget_custom li a:before, .widget.top_offers .title:before, .widget.cegg_widget_products .title:before, .rehub_chimp:before, .def_btn.active_ajax_pagination:before, .postNavigation .postnavprev:before, .commentlist ul.children .commbox:before, .comment-reply-link:before, .comment-reply-login:before, .comment-respond .usr_re:after, .comment-respond .email_re:after, .comment-respond .site_re:after, .re_loadingafter:after, .re_loadingbefore:before, .togglegreedybtn:before, .rh-heading-icon:before, .thumbminus:before, .thumbplus:before, .heartplus:before, .post_thumbs_comm span:before, .thumbminus.loading:before, .thumbplus.loading:before, .heartplus.loading:before, .hotminus:before, .hotplus:before, .hoticonfireclass:before, .cold_temp .gradus_icon:before, .categorytable li a:before, .categorytable p a:before, span.stars-rate, .rh-star-ajax .stars-rate-ajax-type, .btn_act_for_grid .thumbscount:before, .comm_number_for_grid:before, .more-from-store-a a:before, div.sortingloading:after, .re_filter_instore ul.re_filter_ul li span:before, .re_filter_panel .re_tax_dropdown.activeul li.label:after, .userstar-rating, .re-user-popup-wrap .wpsm-button.loading:after, .user-ava-intop:after, .printthecoupon:before, #rh-category-search .tt-suggestion:before, .rh_videothumb_link:before, .re-compare-icon-toggle:before, .wpsm_box.standart_type i, .wpsm_box.info_type i, .wpsm_box.warning_type i, .wpsm_box.error_type i, .wpsm_box.download_type i, .wpsm_box.note_type i, .icon-search-onclick:before, nav.top_menu ul li.menu-item-has-children ul li.menu-item-has-children > a:before, .rh-menu-label:after, .wpsm_score_box .priced_block .btn_offer_block:not(.rehub_offer_coupon):before, .rh_post_layout_compare_autocontent .pros-list li:before, .re-user-popup-wrap .wpsm-button.loading:after, nav.top_menu ul.menu:not(.off-canvas) > li.menu-item-has-children > a:before, .header-top .top-nav > ul > li.menu-item-has-children > a:before, .toggle-this-table:after{font-family: rhicons;}
#main_header{z-index: 998;}
.responsive_nav_wrap{display: none; position: relative; width: 100%;}
header .logo-section{padding: 15px 0; overflow: visible;}
header .logo{max-width: 180px; float: left; margin-right: 15px; line-height: 0;}
.header-actions-logo{float: right;}
.header-actions-logo .wpsm-button{margin: 0;}
.header-actions-logo .celldisplay{padding: 0 12px; vertical-align: middle;}
.header_seven_style .search{margin: 0 30px; padding: 0; flex-grow: 1; width: 100%; max-width: 420px;}
.header_seven_style > .rh-flex-right-align{flex: 0 0 auto;}
.icon-search-onclick:before{content: "\f002";}
button.icon-search-onclick i, button.act-rehub-login-popup i{font-size: 20px !important;}
button.icon-search-onclick:before{display: none;}
form.search-form{padding: 0; border: none; position: relative; width: auto; display: flex; margin: 0; max-width: 100%;}
form.search-form input[type="text"]{border: 1px solid #e1e1e1; height: 38px; background-color: #fff; padding: 2px 45px 2px 12px;}
form.search-form input[type="text"]:focus{outline: 0;}
form.search-form [type="submit"]{border: none; cursor: pointer; padding: 0 16px; line-height: 38px; height: 38px; vertical-align: middle; position: absolute; top: 0; right: 0;}
.search-header-contents{width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; z-index: 9999999; transition: opacity 0.5s ease; text-align: center; margin: 0 auto; background-color: rgba(0,0,0,0.7);}
.top-search-onclick-open .search-header-contents{visibility: visible; opacity: 1; display: block;}
.top-search-onclick-open .search-header-contents .search-form{opacity: 1; transform: translateY(-1px);}
.search-header-contents .search-form{max-width: 1000px; margin: 0 auto; width: 100%; transition: transform 0.6s ease, opacity 0.3s ease; transform: translateY(-100%); opacity: 0;}
.search-header-contents form.search-form input[type="text"]{width: 100%; height: 74px; border: none; line-height: 74px; font-size: 25px; padding: 5px 37px 5px 25px !important;}
.search-header-contents form.search-form [type="submit"]{line-height: 74px; height: 74px; background: #fff !important; color: #333 !important; padding: 0 25px; font-size: 25px;}
.rh-outer-wrap{transition: transform 0.5s; transform-origin: center top;}
.rh-outer-wrap-move{transform: scale3d(0.85,0.85,1); overflow: hidden; height: 100vh;}
.head_search .search-form, .head_search form.search-form input[type="text"], .widget_search .search-form, .widget_search form.search-form input[type="text"]{width: 100%; clear: both;}
header .search{width: 300px; float: right; position: relative;}
.logo-section .search form.search-form input[type="text"]{min-width: 215px;}
.main-nav{background: #fcfcfc;}
.main-nav.white_style{border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.main-nav:after{content: ''; display: table; clear: both;}
nav.top_menu{position: relative;}
nav.top_menu > ul{display: flex; margin: 0;}
nav.top_menu ul li{position: relative;}
nav.top_menu ul li i, #slide-menu-mobile ul li.menu-item > a i{margin: 0 5px 0 0;}
nav.top_menu ul li.menu-item-has-children{position: relative;}
nav.top_menu ul li.menu-item-has-children ul li.menu-item-has-children > a:before{color: #111; content: "\f105"; cursor: pointer; float: right; padding-left: 8px;}
nav.top_menu ul.sub-menu, .top-nav ul.sub-menu{transform: translateY(10px); opacity: 0; visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
  background: #fff; position: absolute; z-index: 9999999;
  width: 250px; backface-visibility: hidden; left: -999999px;}
nav.top_menu ul.sub-menu{padding: 12px 0;}
nav.top_menu ul.sub-menu ul.sub-menu{top: 0;}
nav.top_menu ul.sub-menu > li:first-child > a{border-top-color: transparent;}
nav.top_menu > ul > li.hovered > .sub-menu{opacity: 1; visibility: visible; transform: translateY(0); left: 0; top: 100%;}
nav.top_menu > ul > li > ul.sub-menu > li:first-child > a:after, .top-nav > ul > li > ul.sub-menu > li:first-child > a:after{position: absolute; content: ""; width: 0; height: 0; border-style: solid; top: -5px; left: 19px; border-width: 0 6px 6px 6px; border-color: transparent transparent #FFF transparent;}
nav.top_menu > ul:not(.off-canvas) li:not(.rh-megamenu) ul.sub-menu > li > a:hover{background: #F9F9F9;}
nav.top_menu > ul > li{border-right: 1px solid rgba(0,0,0,0.08);}
nav.top_menu > ul > li:last-child{border-right: none !important; box-shadow: none;}
#slide-menu-mobile{display: none;}
#mobpanelimg{max-height: 100px; max-width: 150px; width: auto; height: auto;}
#slide-menu-mobile ul.off-canvas{position: fixed; width: 270px; top: 0; left: 0; bottom: 0; padding: 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; z-index: 999999; transform: translate3d(-100%,0,1px); transition: transform 0.3s ease; backface-visibility: hidden;}
#slide-menu-mobile ul li.menu-item{border-bottom: 1px solid #eee; position: static; margin: 0; overflow: hidden; width: 100%; float: none;}
#slide-menu-mobile ul li.menu-item > a{line-height: 22px !important; float: left; padding: 10px 15px; font-size: 16px; text-transform: none; border-top: none; width: calc(100% - 50px); text-decoration: none; color: #111; font-weight: bold;}
#slide-menu-mobile ul ul.sub-menu{transition: all 0.3s ease; opacity: 1; visibility: visible; position: absolute; border: 0; width: 100%; min-height: 100%; top: 0; left: 0; background-color: #fff; transform: translate3d(-100%,0,1px); backface-visibility: hidden;}
#slide-menu-mobile ul ul.sub-menu li a{border-bottom: none;}
#slide-menu-mobile ul li.back-mb span{cursor: pointer; background-color: rgba(0,0,0,0.02); padding: 13px 15px; font-size: 15px; text-decoration: none; display: block;}
#slide-menu-mobile ul.off-canvas-active{opacity: 1; visibility: visible; transform: translate3d(0,0,0);}
#slide-menu-mobile ul span.submenu-toggle{float: right; width: 42px; height: 42px; line-height: 42px;}
#slide-menu-mobile ul span.submenu-toggle .rhicon{font-size: 14px; line-height: 42px;}
#slide-menu-mobile ul > li.close-menu{border: none !important;}
.rh-sslide-panel.active{visibility: visible; transition: visibility 0s 0s;}
.rh-sslide-panel{position: fixed; top: 0; left: 0; height: 100%; width: 100%; visibility: hidden; transition: visibility 0s 0.6s; z-index: 999999;}
.rh-close-btn, .rh-close-btn i{width: 40px; height: 40px; font-size: 20px; line-height: 40px;}
.offsetnav-overlay{position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0,0,0,0.5); z-index: 99999;}
.off-canvas-active > li{animation: rhslideleft .4s .6s backwards;}
.off-canvas-active > li:nth-of-type(1){animation-delay: .7s;}
.off-canvas-active > li:nth-of-type(2){animation-delay: .2s;}
.off-canvas-active > li:nth-of-type(3){animation-delay: .3s;}
.off-canvas-active > li:nth-of-type(4){animation-delay: .4s;}
.off-canvas-active > li:nth-of-type(5){animation-delay: .5s;}
a.logo_image_insticky{display: none; text-decoration: none; margin: 6px 0;}
a.logo_image_insticky img, a.logo_image_mobile img{max-height: 50px; max-width: 160px; vertical-align: middle; height: auto; width: auto;}
.is-sticky .logo_section_wrap{background: #fff;}
.is-sticky .main-nav{position: relative; z-index: 999; width: 100%;}
.is-sticky a.logo_image_insticky, #dl-menu a.logo_image_mobile{display: inline-block;}
#re-stickyheader{height: 54px !important;}
#sticky-wrapper:not(.is-sticky){height: auto !important;}
.rh-header-icon{font-size: 24px; line-height: 23px; color: #222;}
.login-btn-cell .rh-header-icon{font-size: 22px;}
#main_header .rehub-main-btn-bg{padding: 8px 14px;}
.re-compare-notice, .rh-icon-notice{position: absolute; top: -10px; left: 17px; z-index: 9; min-width: 18px; height: 18px; background: #f50000; text-align: center; padding: 0 2px; color: #fff; font: bold 12px/18px Arial; border-radius: 50%; transition: all 0.2s ease-in; transform: scale(1);}
#logo_mobile_wrapper, a.logo_image_mobile img{display: none;}
#dl-menu a.logo_image_mobile img{position: absolute; top: 0; left: 50%; transform: translate(-50%); right: auto; bottom: 0; margin: auto; display: block;}
#main_header #dl-menu .rh-header-icon{margin: 15px 9px;}
#main_header #dl-menu .rehub-main-btn-bg .rh-header-icon{margin: 0;}
.header_icons_menu #dl-menu a.logo_image_mobile img{left: 55px; transform: none;}
.dl-menuwrapper button{border: none; width: 48px; height: 53px; overflow: hidden; position: relative; cursor: pointer; outline: none; background: transparent;}
.dl-menuwrapper button i{color: #111; font-size: 36px;}
.dl-menuwrapper button svg line{stroke: #111; stroke-width: 2; stroke-dasharray: 26; animation: svglineltr 1s linear;}
#mobile-menu-icons{padding-right: 7px;}
@keyframes svglineltr{ 0% { stroke-dashoffset: 26; } 100% { stroke-dashoffset: 0; } }
#main_header{--menu-h:     40px;
  --pad-y:      10px;
  --pad-x:      16px;
  --gap-d:      26px;
  --hover-bg:   rgba(255,255,255,.12);
  --text:       #fff;
  --sub-shadow: 0 8px 24px rgba(0,0,0,.12);
  --sub-radius: 8px;}
#main_header, #main_header .rh-container, #main_header .main-nav{overflow: visible;}
#main_header .main-nav{min-height:    var(--menu-h);
  padding:       8px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);}
nav.top_menu ul.menu:not(.off-canvas) > li.menu-item-has-children > a:before{font-family:            rhicons !important;
  content:                "\f107";
  font-size:              14px;
  margin-left:            6px;
  float:                  none;
  display:                inline-flex;  /* đổi thành inline-flex */
  align-items:            center;       /* thêm */
  font-style:             normal;
  font-weight:            normal;
  line-height:            1;
  order:                  2;
  -webkit-font-smoothing: antialiased;}
nav.top_menu > ul > li > a{color:         var(--text);
  padding:       var(--pad-y) var(--pad-x);
  border-radius: 6px;
  font-weight:   600;}
nav.top_menu > ul > li > a:hover, #main_header .main-nav ul.menu > li.current-menu-item > a, #main_header .main-nav ul.menu > li.current-menu-ancestor > a{background: var(--hover-bg);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);}
nav.top_menu ul.sub-menu{background:    #fff !important;
  border-radius: var(--sub-radius);
  box-shadow:    var(--sub-shadow);
  white-space:   normal;
  word-break:    break-word;
  overflow-wrap: anywhere;
  min-width:     200px;
  max-width:     min(320px, calc(100vw - 24px));}
nav.top_menu ul.sub-menu > li > a{display:     block;        /* thêm dòng này */
  color:       #2D2A4A !important;
  padding:     10px 16px;
  white-space: normal;
  word-break:  break-word;
  font-size:   15px;
  line-height: 22px;
  font-weight: 400;}
nav.top_menu ul.sub-menu ul.sub-menu{top:  -8px;
  left: 100%;}
@media (min-width: 993px){
  #main_header .main-nav ul.menu{gap:             0;
    max-width:       1200px;
    justify-content: space-between;
    flex-wrap:       nowrap;}
  #main_header .main-nav ul.menu > li{height:      var(--menu-h);
    display:     flex;
    align-items: center;}
  nav.top_menu > ul > li > a{white-space:  nowrap;
    padding:      0 8px;
    font-size:    16px;
    font-weight:  500;
    height:       100%;
    display:      flex;
    align-items:  center;
    gap:          4px;
    box-sizing:   border-box;}
  #main_header .responsive_nav_wrap.rh_mobile_menu{display: none !important;}
}
@media (max-width: 992px){
  #main_header .dl-trigger{min-width:  44px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;}
}
.rh-hotline{display:     flex;
  align-items: center;
  gap:         10px;
  white-space: nowrap;
  font-weight: 700;
  font-size:   18px;
  line-height: 1;
  color:       #1a7f33;
  margin:      0 16px;}
.rh-hotline a{color: inherit; text-decoration: none;}
.rh-hotline .icon{width:           26px;
  height:          26px;
  border-radius:   50%;
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  background:      #e6f4ea;}
.rh-hotline svg{width: 16px; height: 16px; display: block;}
.logo-section .logo.hideontablet{flex: 0 0 180px; max-width: 180px;}
.logo-section .rh-hotline{flex: 0 0 auto;}
.logo-section .search.head_search{flex: 1 1 auto; max-width: 420px;}
.logo-section .rh-flex-right-align{flex: 0 0 auto;}
.rh-container, .content{margin: 0 auto; border: none; background: none transparent;width: 1200px; box-shadow: none;   position: relative; clear: both; padding: 0 /*Inner is 1200*/}
.vc_section > .vc_row, .centered-container .vc_col-sm-12 > * > .wpb_wrapper, body .elementor-section.elementor-section-boxed > .elementor-container, .wp-block-cover__inner-container{max-width: 1200px; margin: 0 auto}
.rh-content-wrap{padding-top: 20px; padding-bottom: 20px}
.main-side{width: 840px; float: left; position: relative;}
.rh-container.no_shadow .main-side, .main-side.full_width:not(.single){padding: 0; border: none; box-shadow: none; background: none transparent}
.main-side.full_width{float: none; width: 100%;}
.main-side{min-height: 70vh}
.sidebar, .side-twocol{width: 336px; float: right; overflow: hidden;}
.smart-scroll-desktop{overflow-x: auto !important;overflow-y: hidden;white-space: nowrap; -webkit-overflow-scrolling: touch;scroll-behavior: smooth;scroll-snap-type: x mandatory;}
.smart-scroll-desktop .rh-flex-eq-height{flex-wrap: nowrap;margin: 0 0 15px 0;}
.smart-scroll-desktop .col_item{display: inline-block;margin: 0 13px 0px 0 !important;vertical-align: top; float: none !important; white-space: normal !important;scroll-snap-align: start;}
.smart-scroll-desktop .col_item:last-of-type{margin-right: 0 !important;}
.smart-scroll-desktop, .smart-scroll-mobile, .rhscrollthin{scrollbar-width:thin; scrollbar-color: transparent transparent;}
.smart-scroll-desktop::-webkit-scrollbar, .smart-scroll-mobile::-webkit-scrollbar, .rhscrollthin::-webkit-scrollbar{width:8px;height:8px}
.smart-scroll-desktop::-webkit-scrollbar-track, .smart-scroll-mobile::-webkit-scrollbar-track, .rhscrollthin::-webkit-scrollbar-track{background-color:transparent;border-radius:20px}
.smart-scroll-desktop::-webkit-scrollbar-thumb, .smart-scroll-mobile::-webkit-scrollbar-thumb, .rhscrollthin::-webkit-scrollbar-thumb{background-color:transparent;border-radius:20px;border:1px solid transparent}
.smart-scroll-desktop:hover::-webkit-scrollbar-thumb, .smart-scroll-mobile:hover::-webkit-scrollbar-thumb, .rhscrollthin:hover::-webkit-scrollbar-thumb{background-color:#ddd;}
.smart-scroll-desktop:hover, .smart-scroll-mobile:hover, .rhscrollthin:hover{scrollbar-color: #ddd #fff;}
@media screen and (max-width: 1279px) and (min-width: 1141px){
  .rh-container, .content{width: 1080px;}
  .centered-container .vc_col-sm-12 > * > .wpb_wrapper, .vc_section > .vc_row, body .elementor-section.elementor-section-boxed > .elementor-container{max-width: 1080px}
  .main-side{width: 755px}
  .sidebar, .side-twocol{width: 300px}
  nav.top_menu > ul > li > a{padding-left: 12px; padding-right: 12px}
}
@media (max-width: 1140px){
  #mobile-menu-icons > .wpsm-button, #main_header .header_six_style .wpsm-button{font-size: 0 !important; line-height: 0!important}
  #mobile-menu-icons > .wpsm-button i, #main_header .header_six_style .wpsm-button i{font-size: 15px; padding: 0 !important}
  header .logo{max-width: 250px;}
}
@media (max-width: 1140px) and (min-width: 1024px){
  .rh-container, .content{width: 980px;}
  .centered-container .vc_col-sm-12 > * > .wpb_wrapper, .vc_section > .vc_row, body .elementor-section.elementor-section-boxed > .elementor-container{max-width: 980px}
  .main-side{width: 655px}
  .sidebar, .side-twocol{width: 300px}
  nav.top_menu > ul > li > a{font-size: 14px; padding-left: 8px; padding-right: 8px}
  nav.top_menu > ul > li{border: none;}
}
@media (max-width: 1024px){
  .logo-section .mobileinmenu, .hideontablet{display: none !important;}
  .logo-section #mobile-menu-icons .mobileinmenu{display: inline-block !important;}
  .responsive_nav_wrap, .showontablet{display: block;}
  .rh_woocartmenu-amount, .header-actions-logo, .header_seven_style .search{display: none;}
  .tabletblockdisplay{display: block !important;width: 100% !important;float: none !important; margin: 0 0 10px 0; clear: both !important}
  nav.top_menu, .header_top_wrap, #float-panel-woo-area del{display: none;}
}
@media (max-width: 1023px) and (min-width: 768px){
  .sidebar{border: none; clear: both; column-count: 2;column-gap: 20px;}
  .sidebar .widget{margin: 0 0 20px 0; clear: none;break-inside: avoid;transform: translateZ(0);column-width: 350px;}
}
@media (max-width: 1023px){
  .sidebar{margin: 30px auto 0 auto;}
  .is-sticky a.logo_image_insticky, a.logo_image_insticky{display: none}
  .centered-container .vc_col-sm-12 > * > .wpb_wrapper, .vc_section > .vc_row, .rh-336-content-area, .rh-336-sidebar, .rh-300-content-area, .rh-300-sidebar, .rh-360-sidebar, .rh-360-content-area, .rh-mini-sidebar-content-area, .rh-mini-sidebar, .sidebar, .main-side, .content{width: 100%; float: none; display: block;}
  .rh-container{width: 100%; padding-left: 15px; padding-right: 15px}
  .header_wrap .rh-container{padding: 0}
  .three-col-tablet .col_item{width: 28% !important;min-width: 28%;}
  .two-col-tablet .col_item{width: 42.5% !important;min-width: 42.5%;}
  .one-col-tablet .col_item{width: 70% !important;min-width: 70%;}
  .smart-scroll-mobile .col_item{display: inline-block;margin: 0 10px 15px 0 !important;vertical-align: top; float: none !important; white-space: normal !important;}
  .smart-scroll-mobile .col_item:last-of-type{margin-right: 0 !important;}
}
@media (max-width: 767px){
  .hideonmobile{display: none !important;}
  article h1{font-size: 28px; line-height: 32px}
}
@media (max-width: 479px){
  .main-side{border: none; box-shadow: none; padding: 0}
  body:not(.dark_body):not(.page-template-template-systempages){background: #fff !important}
  .smart-scroll-mobile .col_item, .one-col-mob .col_item{width: 75% !important;min-width: 75%;}
  body .smart-scroll-desktop{display: block;}
  .two-col-mob .col_item{width: 42.5% !important;min-width: 42.5%;}
  .three-col-mob .col_item{width: 28% !important;min-width: 28%;}
  .four-col-mob .col_item{width: 18% !important;min-width: 18%;}
}
@media (min-width: 768px){
  .search-header-contents{padding:30vh 30px 70vh 30px}
}
.rh-tabletext-block.closedtable div:not(.rh-tabletext-block-heading){display: none;}
.toggle-this-table{float: right; margin: 0 0 0 10px; cursor: pointer;line-height: 18px;}
.toggle-this-table:after{content: "\f107";}
.closedtable .toggle-this-table:after{content: "\f106"}
.csspopup{overflow-x: auto; overflow-y: scroll;position: fixed;top: -2000px;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.csspopup.active{visibility: visible;opacity: 1;z-index: 999999999; top: 0; bottom: 0}
.csspopup .cpopupclose{position: absolute;top: -20px;right: -20px;}
.csspopup .cpopupclose:hover{background: #dedede;}
.woocommerce-pagination, .pagination{text-align: center; clear: both; margin: 10px auto;}
ul.page-numbers{flex-basis: 100%; display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #e0dadf; border-right: 0; margin: 1px;}
ul.page-numbers li{list-style: none !important; text-align: center; border-right: 1px solid #e0dadf; padding: 0; margin: 0; float: left;}
ul.page-numbers li a, ul.page-numbers li span{margin: 0; text-decoration: none; line-height: 1em; font-size: 1em; font-weight: normal; padding: .5em; min-width: 2em; display: block;}
ul.page-numbers li a{color: #555}
.post-meta{margin-bottom: 12px; font-size: 12px; line-height: 12px; font-style: italic; color: #999;}
span.date_meta:before, span.cat_link_meta:before, span.comm_count_meta:before, span.postview_meta:before, span.admin_meta:before{font-size: 3px;line-height: 12px;vertical-align: middle; padding-right: 5px; content: "\f111"; font-style:normal;}
span.comm_count_meta:before{content: "\f4ad"; font-size: 12px;}
.post-meta span:first-child:before{display: none;}
.post-meta span.postview_meta:first-child:before, .post-meta span.comm_count_meta:first-child:before{display: inline-block;}
.post-meta span{display: inline-block; margin-right: 8px;}
.post-meta span a, .post-meta a.admin, .post-meta a.cat, .post-meta-big a{color: #111; text-decoration: none;}
.post{margin-bottom: 15px; counter-reset: wpsmtop; word-wrap: break-word;}
.post ul:not([class])>li{list-style: disc outside none;}
.post ul:not([class]) li, .post ol:not([class]) li{margin: 0 0 5px 15px;}
.post ol, .post ul{margin-bottom: 25px}
.post ol{margin-left:15px}
.title h1 span{font-weight: normal;}
.video-container{margin-bottom: 15px;overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video-container iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
#topcontrol{transform-style: preserve-3d; backface-visibility: hidden; z-index: 1008; background: rgba(0,0,0,0.4); border-radius: 5px 0 0 5px; position: fixed; bottom: 125px; right: 0; cursor: pointer; transition: all .7s ease-in-out; overflow: auto; font-size: 16px; line-height: 32px; height: 32px; width: 32px; color: #fff !important; text-align: center; opacity: 0}
#topcontrol.scrollvisible{opacity: 1;}
img.lazyloading{opacity: 1;transition: opacity 500ms ease-in;}
img.lazyloaded{opacity: 1;transition: opacity 500ms ease-in;}
.errorpage span.error-text{color: #999999; font-size: 22px;}
.errorpage{text-align: center;}
.errorpage h2{font-size: 160px; font-weight: 700; line-height: 148px; margin-bottom: 14px; text-align: center;}
.widget.tabs > ul > li:hover, .wpsm_pretty_hover li:hover, .wpsm_pretty_hover li:hover a, .wpsm_pretty_hover li.current a, .wpsm_pretty_hover li.current{color: #ffffff;}
@media screen and (max-width: 567px){
  .rh-tabletext-block{display: block;}
  .page-link a, .page-link > span, .page-link, ul.page-numbers li, ul.page-numbers{border:none !important; margin-bottom: 10px}
}
.widget .title i{margin: 0 6px 0 0}
.widget{margin-bottom: 35px; clear: both; overflow: hidden;}
.widget .title, .widget h2, .elementor-widget .title{position: relative;border-bottom: 1px solid #ddd;padding-bottom: 15px;font-weight:normal; font-size: 17px; line-height:22px; color: #111; margin: 0 0 22px 0;}
.widget .title:after{content: ' ';width: 75px;border-bottom: 2px solid #111;display: block;position: absolute;bottom: -1px;}
.widget_categories li, .widget_archive li, .widget_nav_menu li, .widget_pages li, .login_widget ul li{margin-bottom: 6px}
.widget_recent_entries li, .widget_recent_comments ul li, .widget_product_categories li, .wp-block-latest-posts.wp-block-latest-posts__list li{margin-bottom: 10px}
.widget_categories li a, .widget_archive li a, .widget_nav_menu li a, .widget_recent_entries li a, .widget_recent_comments ul li a, .widget_pages ul li a, .login_widget ul li a, .widget_product_categories ul li a, .widget_meta ul li a{text-decoration: underline; color: #111;}
.widget_nav_menu ul.sub-menu, .widget_product_categories ul.children{margin: 6px 0}
.widget_nav_menu ul.sub-menu li, .widget_product_categories ul.children li{font-size: 12px; margin-bottom: 3px; padding-left: 12px;}
.widget_nav_menu ul.sub-menu li a, .widget_product_categories ul.children li a{color: #787878;}
.login_widget #login-form label, .login_widget ul.login-links li a{font-size: 12px}
#login-form ul li, #user-login ul li{list-style: none; margin: 0;}
.widget p{font-size: 14px; margin-bottom: 12px; line-height: 20px;}
.widget select{max-width: 100%}
.detail h5{font-size:15px;}
p:empty{display: none;}
.widget .wp-caption{box-shadow: none;}
blockquote{margin: 1em;position: relative; border:none;}
blockquote p{margin: 0 0 15px 0; font-size: 22px; line-height:34px; font-weight: 400; padding: 0;}
.wp-block-query-pagination-numbers .page-numbers{line-height: 22px;padding: 8px 10px;display: inline-block;}
.redbrightcolor{color: #f04057;}
.whitecolor, .def_btn.whitecolor, .whitecolor > a, .whitecolorinner a, .whitecolorinner, nav.top_menu > ul > li.whitecolor > a, #slide-menu-mobile ul li.menu-item.whitecolor > a, #slide-menu-mobile ul .whitecolor > span.submenu-toggle, .whitecolor > a:hover, .whitecolorinner a:hover, a.whitecolor:hover, body .whitecurrentlist ul li.current a{color: #fff}
.whiteonhover:hover, .whiteonhover:hover a, .whiteonhover:hover .changeonhover, .whiteonhovercol .col_item:hover, .whiteonhovercol .col_item:hover a, .whiteonhovercol .col_item:hover .changeonhover{color: #fff !important}
.greycolor{color:grey}
.blackcolor, .blackcolor a, nav.top_menu > ul > li.blackcolor > a, #slide-menu-mobile ul li.menu-item.blackcolor > a, #slide-menu-mobile ul .blackcolor > span.submenu-toggle{color:#111}
.whitebg{background: #fff}
body .darkbg{background-color: #212121;}
body .darkbgl{background-color: #333;}
.position-relative{position: relative;}
.rhhidden{display: none;}
.flowhidden{overflow: hidden;}
.tabledisplay{display: table;width: 100%;}
.celldisplay{display: table-cell;vertical-align: middle;}
.inlinestyle{display: inline-block;}
.text-center{text-align: center;}
.fontbold, nav.top_menu ul.sub-menu > li.fontbold > a, #wcfmmp-store h1.fontbold{font-weight: bold;}
.fontnormal, .fontnormal h4{font-weight: normal !important;}
.lineheight25{line-height: 25px}
.lineheight20{line-height: 20px}
.lineheight15{line-height: 15px}
.upper-text-trans{text-transform: uppercase;}
.roundborder{border-radius:100px;}
.roundborder50p, body .roundbd50pim img{border-radius: 50%}
.roundborder50{border-radius:50px;}
.border-top{border-top: 1px solid rgba(206,206,206,0.3);}
.border-grey-bottom{border-bottom: 1px solid rgba(206,206,206,0.3);}
.margincenter{margin: 0 auto}
.nobr{white-space: nowrap;}
.cursorpointer, .rehub_scroll{cursor: pointer;}
.floatleft{float: left}
.floatright{float: right;}
body .font95{font-size: 95%}
body .font80{font-size: 80%}
body .font120{font-size: 120%}
body .font130{font-size: 130%}
.mr10{margin-right: 10px !important}
.mr20{margin-right: 20px !important}
.ml5{margin-left: 5px !important}
.ml15{margin-left: 15px !important}
.ml30{margin-left: 30px !important}
.mt10{margin-top: 10px !important}
.mt5{margin-top: 5px !important}
.mt15{margin-top: 15px !important}
.mt25{margin-top: 25px !important}
.mt30{margin-top: 30px !important}
.mb0{margin-bottom: 0px !important}
.mb5{margin-bottom: 5px !important}
.mb10{margin-bottom: 10px !important}
.mb15{margin-bottom: 15px !important}
.mb20{margin-bottom: 20px !important}
.mb30{margin-bottom: 30px !important}
.mb35{margin-bottom: 35px !important}
.mt0{margin-top: 0px !important}
.pr10{padding-right: 10px !important}
.pr15{padding-right: 15px !important}
.pl10{padding-left: 10px !important}
.pl15{padding-left: 15px !important}
.pl20{padding-left: 20px !important}
.pt10{padding-top: 10px !important}
.pt5{padding-top: 5px !important}
.pt15{padding-top: 15px !important}
.pt30{padding-top: 30px !important}
.pb5{padding-bottom: 5px !important}
.pb10{padding-bottom: 10px !important}
.pb15{padding-bottom: 15px !important}
.pb30{padding-bottom: 30px !important}
.padd15{padding:15px;}
input[type="text"], textarea, input[type="tel"], input[type="password"], input[type="email"], input[type="url"], input[type="number"]{box-sizing:border-box;outline:0;padding: 9px 10px;color: #444;background: none #fff; transition: border-color 0.4s ease;border:1px solid #ccc;line-height: 18px; font-weight: normal; font-size: 15px; line-height: 18px; -webkit-appearance: none;}
input[type="text"]:focus, textarea:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus{border-color:#444;}
.def_btn, input[type="submit"], input[type="button"], input[type="reset"]{display: inline-block;padding: 6px 7px; color: #444; text-align: center; vertical-align: middle; cursor: pointer;background-color: #f6f6f6;border: none; box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 1px 2px rgba(0, 0, 0, 0.08); transition: all 0.4s ease 0s;outline: none;font-weight:bold; font-size: 14px; line-height:16px; text-decoration: none;-webkit-appearance: none;}
.def_btn:hover, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:focus, input[type="reset"]:hover, .def_btn_group .active a{background-color: #f2f2f2; text-decoration: none !important; box-shadow: 0 -1px 2px 0 rgba(60,64,67,0.1), 0 5px 10px 0 rgba(60,64,67,0.14);color: #111;}
.def_btn:active, input[type="submit"]:active{box-shadow: 0 1px 1px 0 rgba(60,64,67,0.2), 0 1px 1px 0 rgba(60,64,67,0.2); background: #e9e9e9;}
.def_btn:active, input[type="submit"]:focus{outline: 0}
select{padding: 8px 10px; border-radius: 0;}
select:focus{outline: 0}
.darkbg.rh-float-panel{box-shadow: 0 0 20px #000;}
.rh-float-panel.floating{opacity:1; visibility:visible;transform: translateY(0) !important;}
.rh_deal_block .not_masked_coupon i, .rh-float-panel .not_masked_coupon{display: none !important;}
.width-100{width: 100px}
.width-100p{width: 100%}
.width-100-calc{width: calc(100% - 100px);}
.img-width-auto img{width:auto;}
.img-maxh-100 img{max-height:100px;}
.rh-hov-bor-line > a:after, .rh-border-line:after, nav.top_menu > ul:not(.off-canvas) > li > a:after{position: absolute;top: 0;left: 50%;content: "";height: 3px;width: 0;transition: width .5s, left .5s, right .5s;}
nav.top_menu > ul:not(.off-canvas) > li > a:after{top: -1px}
.rh-border-line:after, .rh-hov-bor-line.active a:after, .rh-hov-bor-line:hover a:after, nav.top_menu > ul:not(.off-canvas) > li > a:hover:after, nav.top_menu > ul:not(.off-canvas) > li.current-menu-item > a:after{width: 100%;left: 0;right: 0;}
.rh-circular-hover:before{content: "";position: absolute;top: -10px;left: -10px;width: calc(100% + 20px);height: calc(100% + 20px);background-color: rgba(0, 0, 0, 0.05); transform: scale(0);transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; border-radius: 100%; z-index: 1}
.rh-circular-hover:hover:before{transform: scale(1);}
.open_dls_onclk{height: 0; transition: height .35s ease;}
.open_dls_onclk.rh_collapse_in{height: auto;}
.r_show_hide{cursor: pointer;}
.re_loadingafter:after, a.ajax_add_to_cart.loading:after{display:inline-block; content: "\f3f4" !important; animation: fa-spin 1s linear infinite; margin: 0 3px}
.re_loadingbefore:before{display:inline-block; content: "\f3f4" !important; animation: fa-spin 1s linear infinite; margin: 0 3px}
.rh-toast{padding:10px 17px;margin-bottom:20px;}
.rh-toast-close{float:right;font-size:21px;line-height:24px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2; margin: 0 0 0 10px}
.rh-toast-close:hover,.rh-toast-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5}
.abdposright{position: absolute; top: 0; right: 0; z-index: 2}
.abdposleft{position: absolute; top: 0; left: 0; z-index: 2}
.abdfullwidth{position: absolute; top: 0; right: 0;bottom: 0; left: 0}
.abposbot{position: absolute; bottom: 0; right: 0; left: 0}
.rh-hov-img-trans{background: #fff; transition: opacity .5s ease,transform 1.4s cubic-bezier(0,0,.33,1.2); opacity: 0}
.rh-hov-bg-main-slide:before, .rh-hov-bg-sec-slide:before, .rh-hov-bg-main-slidecol .col_item:before, .rh-hov-bg-sec-slidecol .col_item:before{position: absolute;top: 0;right: 0;left: 0;height: 100%;background-color: #3f2aff;transform: scaleY(0);transform-origin: top;transition: transform .4s cubic-bezier(.4,0,0,1);content: "";}
.rh-hov-bg-main-slide:hover:before, .rh-hov-bg-sec-slide:hover:before, .rh-hov-bg-main-slidecol .col_item:hover:before, .rh-hov-bg-sec-slidecol .col_item:hover:before{transform: scaleY(1);}
.rh-hovered-wrap:hover .rh-hov-img-trans{opacity: 1;transform: scale(1.09);}
.rh-hovered-scale{opacity: 0;transition: opacity 0.35s, transform 0.6s;transform: scale(0);}
.rh-hovered-wrap:hover .rh-hovered-scale, .css-ani-trigger .rh-hovered-scale{opacity: 1;transform: scale(1);}
.rh-hovered-wrap:hover .rh-hovered-scalebig{transform: scale(1.25);}
.rh-shadow3{box-shadow:0px 15px 30px 0px rgba(119, 123, 146, 0.1);}
.rh-shadow4{box-shadow: 0 5px 23px rgba(188, 207, 219, 0.35);border-top: 1px solid #f8f8f8;}
.rh-shadow4:hover{box-shadow: 0 5px 10px rgba(188, 207, 219, 0.35)}
body .rh-shadow-sceu{box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1), -1px -1px 1px 1px rgba(247, 251, 255, 0.5), 3px 3px 8px 2px rgba(0, 0, 0, 0) inset}
.is-sticky .rh-stickme, .stickyscroll_widget.scrollsticky{animation: stuckMoveDown .6s;}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
@keyframes stuckFadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes stuckMoveDownOpacity{0%{transform:translateY(-15px); opacity: 0}100%{transform:translateY(0); opacity: 1}}
@keyframes stuckMoveUpOpacity{0%{transform:translateY(15px); opacity: 0}100%{transform:translateY(0); opacity: 1}}
@keyframes fastshake{0% { transform: skewX(-15deg); }5% { transform: skewX(15deg); }10% { transform: skewX(-15deg); }15% { transform: skewX(15deg); }20% { transform: skewX(0deg); }100% { transform: skewX(0deg); }}
@keyframes colorsearchchange{100%, 0% {background-color: #fff;}50% {background-color: #f0f0f0;}}
@keyframes lefttoright{0% {transform: translateX(0px); }50% {transform: translateX(100px); }100% {transform: translateX(0px); } }
@keyframes upanddown{0% {transform: translateY(0px); }50% {transform: translateY(100px); }100% {transform: translateY(0px); } }
@keyframes stuckFlipUpOpacity{0%{transform:perspective(500px) translateY(60px) scaleY(0.75) rotateX(-40deg); opacity: 0}100%{transform:perspective(500px) translateY(0px) scale(1) rotateX(0deg); opacity: 1}}
@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
@keyframes rhsceleton{100%{transform: translateX(100%);}}
@keyframes rhslideleft{0% {  opacity: 0;transform: translateX(60px);}100% {opacity: 1;transform: translateX(0);}}
.csstranstrans{transition: transform 0.5s ease}
.csstranstrans-o{transition: opacity 0.35s ease, transform 0.5s ease}
.re-ribbon-badge{position: absolute;right: -5px; top: -5px;overflow: hidden;width: 100px; height: 100px;text-align: right; z-index: 2; pointer-events: none;}
.re-ribbon-badge span{font: bold 10px/28px Arial;color: #FFF;text-transform: uppercase;text-align: center;transform: rotate(45deg);width: 125px;display: block;background: #77B21D;box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position: absolute;top: 21px; right: -27px;}
.re-ribbon-badge span::before{content: "";position: absolute; left: 0px; top: 100%;z-index: -1;border-left: 3px solid #333;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #333;}
.re-ribbon-badge span::after{content: "";position: absolute; right: 0px; top: 100%;z-index: -1;border-left: 3px solid transparent;border-right: 3px solid #333;border-bottom: 3px solid transparent;border-top: 3px solid #333;}
.re-line-badge.badge_2, .re-ribbon-badge.badge_2 span{background: #FFBC00;}
.re-line-badge.badge_3, .re-ribbon-badge.badge_3 span{background: #F39200;}
.sale_a_proc{z-index: 9; width: 56px; height: 56px; border-radius: 50%; background-color: #4D981D; font: 16px/56px Arial; color: #fff; display: block; text-decoration: none !important; text-align: center; position: absolute; top: 10px; left: 10px;}
.featured_single_left .sale_tag_inwoolist h5{font-size: 28px}
.col_item{position: relative;}
.col_wrap_two .col_item{width: 45%; margin: 0 2.5% 30px; float: left;}
.col_wrap_three{margin: 0 -1.5% 20px;}
.col_wrap_three .col_item{width: 30.33%; margin: 0 1.5% 25px; float: left;}
.col_wrap_three .col_item:nth-child(3n+1){clear: both;}
.col_wrap_two .col_item:nth-child(2n+1){clear: both;}
.col_wrap_fourth{margin: 0 -1% 15px;}
.col_wrap_fourth .col_item{width: 23%; margin: 0 1% 25px; float: left;}
.col_wrap_fourth .col_item:nth-child(4n+1){clear: both;}
.col_wrap_fifth .col_item{width: 18%; margin: 0 1% 25px; float: left;}
.col_wrap_fifth .col_item:nth-child(5n+1){clear: both;}
.col_wrap_six .col_item{width: 15.26%; margin: 0 0.7% 25px; float: left;}
.col_wrap_six .col_item:nth-child(6n+1){clear: both;}
.rh-flex-eq-height{display: flex; flex-wrap: wrap;flex-direction: row;}
.rh-flex-eq-height .pagination, .rh-flex-eq-height .woocommerce-pagination{width: 100%;flex-basis: 100%;}
.rh-flex-center-align{align-items: center; display: flex;flex-direction: row;}
.rh-flex-right-align{margin-left: auto}
.rh-flex-justify-center{justify-content: center;}
.img-centered-flex > img{max-height: 100%; border-radius: 4px; object-fit:scale-down;flex: 0 0 auto;}
.no_padding_wrap .col_wrap_three .col_item, .no_padding_wrap .col_wrap_fourth .col_item, .no_padding_wrap .col_wrap_fifth .col_item, .no_padding_wrap .col_wrap_six .col_item{margin: 0;}
.no_padding_wrap .col_wrap_three .col_item{width: 33.33%}
.no_padding_wrap .col_wrap_fourth .col_item{width: 25%}
.no_padding_wrap .col_wrap_fifth .col_item{width: 20%}
.no_padding_wrap .col_wrap_six .col_item{width: 16.66%}
@media (max-width: 1023px) and (min-width: 768px){
  .col_wrap_fourth, .col_wrap_fifth, .col_wrap_six{margin: 0 -1.5% 20px;}
  .col_wrap_fourth .col_item, .col_wrap_fifth .col_item, .col_wrap_six .col_item{width: 30.33%; margin: 0 1.5% 15px; float: left;}
  .no_padding_wrap .col_wrap_fourth .col_item, .no_padding_wrap .col_wrap_fifth .col_item, .no_padding_wrap .col_wrap_six .col_item{width: 33%; margin: 0}
  .col_wrap_fourth .col_item:nth-child(3n+1), .col_wrap_fifth .col_item:nth-child(3n+1), .col_wrap_six .col_item:nth-child(3n+1){clear: both;}
  .col_wrap_fourth .col_item:nth-child(4n+1), .col_wrap_fifth .col_item:nth-child(5n+1), .col_wrap_six .col_item:nth-child(6n+1){clear: none;}
}
@media (max-width: 767px){
  .col_wrap_two, .col_wrap_three, .col_wrap_fourth, .col_wrap_fifth, .col_wrap_six{margin: 0 0 20px 0;}
  .col_wrap_three .col_item, .col_wrap_fourth .col_item, .col_wrap_fifth .col_item, .col_wrap_six .col_item{width: 47%; margin: 0 1.5% 15px 1.5%;}
  .no_padding_wrap .col_wrap_three .col_item, .no_padding_wrap .col_wrap_fourth .col_item, .no_padding_wrap .col_wrap_fifth .col_item, .no_padding_wrap .col_wrap_six .col_item{width: 50%; margin: 0}
  .col_wrap_three .col_item:nth-child(3n+1), .col_wrap_fifth .col_item:nth-child(5n+1){clear: none;}
  .col_wrap_three .col_item:nth-child(2n+1), .col_wrap_fourth .col_item:nth-child(2n+1), .col_wrap_fifth .col_item:nth-child(2n+1), .col_wrap_six .col_item:nth-child(2n+1){clear: both;}
}
@media (max-width: 479px){
  .col_item{width: 100% !important; margin: 0 0 14px 0 !important}
  .col_item.two_column_mobile{width: 48% !important; margin: 0 1% 25px 1% !important;}
  .no_padding_wrap.col_item.two_column_mobile{width: 50% !important; margin: 0 !important;}
  .owl-item .col_item.two_column_mobile{width: 100% !important; margin: 0 auto 12px auto !important}
}
.wpsm-bar{position: relative; display: block; margin-bottom: 15px; width: 100%; background: #eee; height: 28px; border-radius: 3px; transition: width 0.4s linear, background-color 0.4s linear;}
.wpsm-bar-bar{position: absolute;height: 28px; width: 0px; background: #6adcfa; border-radius: 3px;}
.wpsm-bar a{color: #fff; text-decoration: none;}
.wpsm-button.white{border: 1px solid transparent; background-color: #f6f6f6; color: #111; text-shadow: none;box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 1px 2px rgba(0, 0, 0, 0.08);}
.wpsm-button.white:hover{background-color: #f2f2f2; border: 1px solid transparent; box-shadow: 0 -1px 2px 0 rgba(60,64,67,0.1), 0 5px 10px 0 rgba(60,64,67,0.14); color: #111}
.wpsm-button.white:active{box-shadow: inset 0 3px 5px rgba(0,0,0,.125);background: #e6e6e6; border-color: #adadad;; color: #111}
.wpsm-button.small{padding: 5px 12px; line-height: 12px; font-size: 12px}
.wpsm-button.big{padding: 12px 24px; line-height: 22px; font-size: 22px}
.wpsm-button.black{background: #505050; border: 1px solid #101010;}
.wpsm-button.black:active{background: #101010;}
.wpsm-button.red{background: #d01d10; border: 1px solid #d01d10;}
.wpsm-button.red:active{background: #d01d10;}
.wpsm-button.small i{padding-right: 5px;}
.wpsm-button.medium i{padding-right: 8px;}
.wpsm-button.big i{padding-right: 10px;}
.wpsm-table, .wp-block-table, .table-responsive{overflow: auto;}
.wpsm-table table, .wp-block-table, .table-condensed{border-collapse: separate; padding-bottom: 1px; width: 100%; margin: 10px 0 20px !important; border-spacing: 0; font-size: 15px;}
.wpsm-table table tr:first-child th{border-top: 0 none;}
.wpsm-table table tr th, .wpsm-table table tr td, .wp-block-table tr td, .table-condensed tr td, .table-condensed tr th, .wp-block-table tr th{padding: 7px 14px; border-bottom: 1px solid #e8e8e8; vertical-align: middle;}
body .wpsm-table table tr th{background: none repeat scroll 0 0 #222222; color: #FFFFFF; font-size: 15px; font-weight: 700; text-transform: uppercase;}
.wpsm-table table tbody tr td, .wp-block-table table:not(.has-background) tr td, .table-condensed tr td{background: none repeat scroll 0 0 #f7f7f7;}
.wpsm-table table tbody tr:nth-child(2n+1) td, .table-condensed tr:nth-child(2n+1) td, .wp-block-table table:not(.has-background) tr:nth-child(2n+1) td{background: none repeat scroll 0 0 #fff;}
.flexslider.loading{background: #fff; position: relative; min-height: 100px}
.flexslider .slides > li{display: none;}
.flexslider .slides img{width: 100%; display: block; height: 100%}
.re-search-result-title{font-size:   14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin:      0 !important;
  color:       #333 !important;}
.faq-item[open]{border-color: var(--color-secondary);
    box-shadow: 0 4px 12px rgba(10, 122, 55, 0.08); /* Ám nhẹ màu xanh thương hiệu */}
.faq-item[open] .faq-title::after{transform: translateY(-50%) rotate(180deg);}

/* === nguồn: brand-archive.css (cũ) === */
.archive h2, .category h2, .tax-product_cat h2{font-size:     20px !important;
  line-height:   1.5 !important;
  margin-bottom: 10px;
  font-weight:   600;}
@media (max-width: 1024px){
  .archive h2, .category h2, .tax-product_cat h2{font-size: 18px !important;}
}
@media (max-width: 768px){
  .archive h2, .category h2, .tax-product_cat h2{font-size: 16px !important;}
}