/*
Theme Name: Nha Thuoc Benh Vien Child
Description: Giao diện con cho Nhà Thuốc Bệnh Viện — nhà thuốc tại Chợ Thuốc Hapulico, 85 Vũ Trọng Phụng, Thanh Xuân, Hà Nội. Bán thuốc, thực phẩm chức năng, sản phẩm mẹ và bé, có dược sĩ tư vấn.
Author: Truong Linh 808
Template: flatsome
Version: 3.2
*/
body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size:18px !important;line-height:29px !important;color:#555 !important;}
.header-bottom {background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.home-rv {margin:0;padding:5px;border:1px dashed #ccc3c3;overflow:hidden;border-radius:7px;}
.home-rv img {width:35%;float:left;}
.home-rv p {width:65%;float:left;padding:15px 10px;font-size:18px;text-align:center;font-weight:700;margin:0;}
.ft-info img {width:350px;margin-bottom:15px !important;}
.content-footer {padding-top:30px !important;}
.title-wrapper .mb-0 {color:#555;}
.page-inner h2, #ftwp-postcontent h2, .shop-container h2, .col-inner h2 {font-size:25px;font-weight:700;color:#444;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.page-inner h3, #ftwp-postcontent h3, .shop-container h3, .col-inner h3 {font-size:20px;font-weight:700;color:#555;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.page-inner h4, #ftwp-postcontent h4, .shop-container h4, .col-inner h4 {font-size:18px;font-weight:400;color:#555;text-decoration:underline;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.page-inner ul, .page-inner ol {margin-left:25px;}
.page-inner p a, .page-inner ul li a, .page-inner h2 a, .page-inner h3 a, .page-inner h4 a {color:#6a68f1;}
.term-description p a, .term-description ul li a, .term-description ol li a, #ftwp-postcontent p a, #ftwp-postcontent ul li a, #ftwp-postcontent ol li a {color:#4786e4ee;}
.ft-link ul li {font-size:16px;}
.ft-link ul li i a {color:#4b71dc;}
.is-divider {display:none;}
.product-info {padding-top:0px !important;}
.product-info .product-title {font-size:30px;color:#34ab01;border-bottom:1px dashed #eee;font-weight:700;padding-bottom:10px}
del span.amount {font-size:24px;color:#cf0707;}
ins span.amount {font-size:19px;color:red;}
.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {margin-left:0px;margin-right:0px;}
a.devvn_buy_now_style {width:100%;max-width:100%;}
.aiosrs-rating-wrap {display:none;}
.widgettitle, .widget-title {color:#fff !important;font-size:18px !important;text-align:center;padding:10px 0px;background:linear-gradient(rgb(47,47,47),rgb(0,0,0));text-transform:uppercase !important;font-weight:500 !important;display:block;}
.home-h2 {text-align:left;border-bottom:2px solid #4444445e;}
.home-h2 h2 {font-weight:700;color:#444;font-size:24px;}
.title-holder {background:linear-gradient(rgb(47,47,47),rgb(0,0,0));height:auto;line-height:45px;padding:0 20px;color:#fec901;position:relative;z-index:2;font-size:18px;text-align:center;display:inline-block;margin-top:16px;min-width:280px;text-transform:uppercase;font-weight:bold;}
.title-holder:before {content:"";position:absolute;right:-15px;border-width:0;bottom:0;border-style:solid;border-color:#555 transparent;display:block;width:0;height:0;border-top:23px solid transparent;border-bottom:22px solid transparent;border-left:15px solid #222;}
.title-holder:after {content:"";position:absolute;left:-15px;border-width:0;bottom:0;border-style:solid;border-color:#555 transparent;display:block;width:0;height:0;border-top:23px solid transparent;border-bottom:22px solid transparent;border-right:15px solid #222;}
td, th {border:1px solid #eee;padding:5px 10px;padding-left:10px !important;font-size:17px;}
th {background:#34ab01;color:#fff;font-size:18px;}
tbody {border:2px solid #eee;}
.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {vertical-align:top !important;}
.large-9 .row .post-item {margin:0;padding:10px 0px;border-bottom:1px solid #eee;}
.large-9 .row .post-item .col-inner .plain .box .box-image {width:25% !important;}
.large-9 .row .post-item .col-inner .plain .box .box-text div h5 {font-size:20px;margin-bottom:15px;}
.category-page-row .large-9 {border-right:1px solid #eee;}
.shop-container ul {margin-left:20px;}
#ftwp-postcontent center .devvn_buy_now {width:60%;}
#ftwp-postcontent center .rll-youtube-player {margin-bottom:15px;}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {color:#34ab01; font-size:17px;}
.nav-dropdown-simple .nav-column li, .nav-dropdown.nav-dropdown-simple li {border-bottom:1px dashed #ddd0d0;}
.nav-dropdown .menu-item-has-children>a:hover, .nav-dropdown .title>a:hover, .nav-dropdown .nav-dropdown-col>a:hover {color:#111; font-size:17px;}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {color:#333;}
.nav-dropdown>li.image-column:not(:last-child), .nav-dropdown>li.nav-dropdown-col:not(:last-child) {border-right:1px solid #34ab0157;}
.nav>li>a:hover, .nav-dropdown>li>a:hover, .nav-column>li>a:hover {color:#333;}
.wp-video {padding-bottom:20px;max-width:70%;margin:0 auto;}
.dark .nav>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active .nav-dark .nav>li.current>a, .nav-dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dropdown.dark>li>a:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dark a.plain:hover, .nav-dark .nav>li>a.active {color:#dcf7c4;}
.widget_nav_menu {margin:0 !important;}
.menu-danh-muc-san-pham-container {margin-left:15px;}
.post-sidebar, #product-sidebar {padding:0 15px 15px !important;}
#custom_html-7, #custom_html-6, #custom_html-8 {position:sticky;top:120px;}
.wp-video-shortcode {max-height:450px;overflow:hidden;}
.button.wc-forward:not(.checkout):not(.checkout-button), .button.checkout {color:#fff !important;}
.hotline-footer {display:none !important;}
.action-mobile {display:none;}
/* Thanh điều hướng đáy trên điện thoại.
   Bản cũ dùng float + height:60px cứng; nhãn dài ("Gọi dược sĩ") xuống 2 dòng
   là tràn ra ngoài và bị cắt mất chữ. Đổi sang flex, chia đều 4 ô, cấm xuống
   dòng, và chừa safe-area cho iPhone có thanh gạt dưới. */
@media (max-width: 768px) {
  .action-mobile{display:block;position:fixed;left:0;right:0;bottom:0;width:100%;z-index:9999;background:#34ab01;border-top:2px solid #7fce3f;padding-bottom:env(safe-area-inset-bottom,0)}
  .action-mobile .nav{display:flex;margin:0;padding:0;list-style:none}
  .action-mobile .nav .nav-item{flex:1 1 0;width:auto;float:none;min-width:0;text-align:center}
  .action-mobile .nav .bd-left{border-left:1px solid #ffffff4d}
  .action-mobile .nav .nav-item .nav-link{display:block;padding:7px 2px 8px;text-align:center;line-height:1}
  .action-mobile .nav .nav-item .nav-link img{width:24px;height:24px;margin:0 auto 4px;display:block}
  .action-mobile .nav .nav-item .nav-link svg{width:23px;height:23px;margin:0 auto 4px;display:block;color:#fff}
  .action-mobile .nav .nav-item .nav-link span{display:block;width:100%;font-size:13px;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width: 359px){
  .action-mobile .nav .nav-item .nav-link span{font-size:11.5px}
}
.nav-item {width:22%;float:left;text-align:center;}
.back-to-top.active {margin-bottom:60px;}
.content-footer .section-content .row .medium-2, .content-footer .section-content .row .medium-3, .content-footer .section-content .row .medium-4 {padding:0;}
@media (max-width: 768px) {.content-footer .section-content .row .medium-2, .content-footer .section-content .row .medium-3, .content-footer .section-content .row .medium-4, .content-footer .section-content .row .medium-5 {max-width:100%;flex-basis:100%;}}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {color:#333;}
.tabs .description_tab a, .reviews_tab a, .ux_global_tab_tab a {color:#fff !important;font-size:17px !important;text-transform:none !important;background:linear-gradient(rgb(47,47,47),rgb(0,0,0));padding:7px 15px !important;}
.xem-them {font-size:20px;color:red;border-left:2px solid #4b71dc;padding-left:15px;font-weight:700;background:#eeeeee8f;}
.xem-them a {font-weight:400;}
h1.entry-title {font-size:25px;font-weight:700;color:#2e9801;}
.entry-header-text-top {border-bottom:1px solid #eee;}
/* Da bo: quy tac cu co selector hong "###.product-short-description ul li###"
   (trinh duyet bo qua ca khoi) va nap anh tick tu https://condomviet.com. */
.woocommerce-loop-product__title {min-height:60px;height:auto;}
.author-img {text-align:center;}
.author h1 {border-bottom:1px solid #eee;}
.entry-author {padding:15px;border:1px solid #eee;background:#eee;}
.blog-author-image img {border:2px solid;}
.pt-half {padding:0px !important;}
.mr {margin-top:15px;}
.nav-spacing-large>li {margin:0 17px !important;}
.menu-item-home {margin-right:20px !important;}
.menu-item-home a picture {margin-right:10px;margin-bottom:5px;}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {color:#fff;font-size:17px;}
.single-page div figure img, .tab-panels div figure img {border:1px solid #eee;}
.golink {text-align:center;margin:15px 0px;}
.golink .btn-primary {padding:8px 15px;background:#333;color:#e1b305;font-weight:700;border:1px solid #e1b305;}
.golink .btn-primary:hover {padding:8px 15px;background:#e1b305;color:#333;font-weight:700;border:1px solid #333;}
.reviews_tab a {color:#fff !important;}
.product-section {padding-top:20px;}
.tc-totals-form {display:none !important;}
@media (max-width: 768px) {.sp-tb .item-product {width:100%;float:left;margin:1%;border:1px solid #eee;text-align:center;}}
.sp-tb h2 {font-size:24px;border-bottom:1px solid #666;}
blockquote {color:#444!important;font-size:17px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;background:#e9eda5;padding:10px 15px;}
.accordion-inner {padding:1em 0em !important;}
.home-h2-2 {border-bottom:1px solid;}
.h1-home {font-size:25px;margin-bottom:25px;}
.h1-home i {color:red;}
.home-gt p a {float:right;font-size:18px;font-style:italic;color:#f26522;}
.list-sp-noi-bat .col .col-inner .product-small {border:1px solid #eee;padding:5px;border-radius:10px;}
.list-sp-noi-bat .col .col-inner .badge-container {display:none;}
.list-sp-noi-bat .col .col-inner .product-small .box-text {padding:0px 10px;}
.list-sp-noi-bat .col .col-inner .product-small .box-text .title-wrapper {font-size:16px;font-weight:700;}
.list-sp-noi-bat .col .col-inner .product-small .box-text .title-wrapper p a {color:#555;}
.list-sp-noi-bat .col .col-inner .product-small .box-text .price-wrapper .price del span, .list-sp-noi-bat .col .col-inner .product-small .box-text .price-wrapper .price ins span {font-size:18px !important;color:red !important;}
.copyright-footer center p {color:#fff;margin:0;font-size:18px;}
@media (max-width: 768px) {
.list-sp-noi-bat .col {width:50% !important;}
.list-sp-noi-bat {margin-left:0 !important;margin-right:0 !important;}
.home-h2 h2 {font-weight:700;color:#444;font-size:17px;text-transform:uppercase;}
}
.widget>ul>li li>a, ul.menu>li li>a {font-size:17px;padding:5px 0;border-bottom:1px dashed #eee;color:#444;}
.list-home-sp {margin-top:20px;}
.product-small .col-inner .product-small {border:1px solid #eee;padding:5px;border-radius:10px;}
.cdv-know__intro-img img {border:1px solid #eee;border-radius:10px;}
.product-small .col-inner {box-shadow:none;}
.product-small .col-inner .product-small .box-image {border:1px solid #eee;}
.product-small .col-inner .product-small .box-text .title-wrapper {font-size:16px;font-weight:700;}
.product-small .col-inner .product-small .box-text .title-wrapper p {margin-bottom:15px;}
.product-small .col-inner .product-small .box-text .title-wrapper p a {color:#34ab01;font-size:18px;margin-bottom:15px;}
.product-small .col-inner .product-small .box-text .price-wrapper .price del span, .list-sp-noi-bat .col .col-inner .product-small .box-text .price-wrapper .price ins span {font-size:18px ! important;color:red !important;}
.product-small .col-inner .box-normal {border:1px solid #eee;padding:5px;border-radius:10px;}
.product-small .col-inner .box-normal .box-text {padding-left:0;padding-right:0;}
.product-small .col-inner .box-normal .box-text .box-text-inner .post-title a {font-size:17px;font-weight:550;color:#666;}
.ft-info {padding:0px 15px;margin-bottom:15px;}
.ft-link ul {margin-top:20px;}
.ft-link ul li a {color:#3662df;font-size:18px;}
.ft-link ul li {margin-left:5px;}
.ft-link {padding:0px 5px;margin-top:60px;}
.ft-link h3 {font-weight:700;font-size:25px;margin-bottom:35px;color:#333;}
.ft-bc {width:155px !important;height:auto;margin:0px 5px !important;float:left;}
.shop-category p {font-size:20px;font-weight:700;}
.shop-category p a {font-size:17px;background:#eee;padding:1px 15px;border:1px solid #e9d2d2;border-radius:5px;display:inline-block;margin:3px;font-weight:400;}
.blog-archive .row .large-9 .row .post-item .col-inner .box .box-text {padding-top:0;margin-top:0;}
.blog-archive .row .large-9 .row .post-item .col-inner .box .box-text .box-text-inner .post-title a {font-size:20px;font-weight:700;margin-bottom:15px;color:#555;}
.blog-archive .row .large-9 .row .post-item .col-inner .box .box-image {width:25% !important;border:1px solid #eee;padding:2px;}
ul.page-numbers {margin:20px 0px;}
.product_list_widget {margin-left:0px !important;}
.product_list_widget li a .product-title {font-size:17px;color:#555;font-weight:700;}
.product_list_widget li del span, .product_list_widget li ins span {font-size:15px;}
.ch {overflow:hidden;margin-bottom:30px;}
.ch .ch-shop {width:48%;float:left;padding:5px;border:2px solid #ddaf07;margin:1%;border-radius:10px;background:#000;}
.ch .ch-shop a img {width:12%;float:left;margin:5px 20px;}
.ch .ch-shop a p {width:80%;float:left;margin:20px 0px;font-size:21px;font-weight:700;color:#ddaf07;}
.breadcrumbs a {color:#555 !important;font-weight:500 !important;font-size:15px !important;}
.breadcrumbs {color:#555;font-size:15px;font-weight:500 !important;margin-bottom:20px;}
@media (max-width: 768px) {
.ch .ch-shop {width:100%;float:left;padding:5px;border:2px solid #ddaf07;margin:5px 0px;border-radius:10px;background:#000;}
.ch .ch-shop a img {width:20%;float:left;margin-right:5%;}
.ch .ch-shop a p {width:60%;float:left;margin:15px 0px;font-size:17px;font-weight:700;color:#ddaf07;}
.list-post-home .col {flex-basis:50%;max-width:50%;}
}
.product-footer .woocommerce-tabs {border-top:none;padding:0px}
.shop-container ul {margin-left:0px;}
.nav-tabs+.tab-panels {padding:20px 10px;border-top:1px solid #ddd;border-left:none;border-right:none;border-bottom:none;}
.product-main {padding:0px;}
.additional_information_tab a, .additional_information_tab a:hover {color:#555 !important}
.additional_information_tab {display:none !important;}
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {background-color:#34ab01;opacity:1;}
.header-button a {background-color:#2e9801;}
a.devvn_buy_now_style {background:#d9b000 !important;opacity:1;border-radius:0px !important;}
.woocommerce-Tabs-panel .woocommerce-Reviews #comments, .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper {flex-basis:100%;max-width:100%;width:100%;float:left;padding:0px;}
.related-products-wrapper .large-columns-3 .product-small .col-inner {border:1px solid #eee;}
.star-rating span:before {color:#efbe0c !important;}
.product_meta .posted_in, .product_meta .tagged_as {display:none !important;}
.product_meta .sku_wrapper {border-bottom:1px dotted #ddd;font-size:17px;}
.product-short-description {padding:15px 0px;}
.product-info .product-short-description {padding:0px 0px;}
td:first-child {font-weight:500;}
.cdv-visually-hidden{display:none;}
th:first-child, td:first-child {padding-left:10px!important;}
#reviews {margin-left:10px;margin-right:10px;}
tr:nth-child(even) {background-color:#eeeeee61;}
.has-border {border-color:#eee !important;}
.comment-text .meta .woocommerce-review__dash, .comment-text .meta .woocommerce-review__published-date {display:none !important}
.home-baner-1 {overflow:hidden;border:2px solid #777;padding:10px;}
.baner-1-left {width:60%;float:left;padding-right:10px;}
.baner-1-left p a {color:blue;font-style:italic;}
.baner-1-right {width:40%;float:left;}
.baner-1-left-top {width:30%;float:left;padding-right:10px;}
.baner-1-left-bottom {width:70%;float:left;}
.baner-1-left-bottom p img {width:41%;margin:0% 2%;}
.gioit-bao {overflow:hidden;margin:15px 0px;}
.gioit-bao .bao-boxx {width:22%;float:left;margin:1.5%;border:2px solid #eee;border-radius:5px;}
.gt-list {overflow:hidden;margin-top:50px;border:1px solid #888;background:#eeeeee9c;}
.gt-list p {padding:5px 15px;background:#444;color:#fff;font-size:20px;}
.gt-list ul li {list-style:none;border-bottom:1px dashed #edd0d0;margin-right:25px;padding:7px 0px;margin-bottom:0px;}
.bvxt {overflow:hidden;border:1px solid #e3d9d9;padding:10px;background:#eeeeeeb0;}
.bvxt strong, .bvxt p strong {display:block;margin-bottom:15px;font-size:22px;color:#555;}
.bvxt ul li {list-style:none;padding:7px 0px;margin:0;border-bottom:1px dashed #999;}
.bvxt ul li a {font-size:19px;}
.shop-page {overflow:hidden;margin:15px 0px;}
.shop-page .shop-xt {overflow:hidden;margin:15px 0px;text-align:center;background:#222;}
.shop-page .shop-xt a {color:#fff;padding:3px 0px;display:block;font-weight:700;}
.shop-page .shop-xt a:hover {color:#34ab01;}
.shop-page .shop-xt a img {width:27px;margin-right:10px;}
@media (max-width: 768px) {
.baner-1-left {width:100%;float:left;padding-right:0px;}
.baner-1-right {width:40%;float:left;display:none;}	
.baner-1-left-top {width:50%;float:left;padding-right:10px;}
.baner-1-left-bottom {width:50%;float:left;}
.baner-1-left-bottom p img {width:41%;margin:0% 2%;}
.gioit-bao .bao-boxx {width:47%;float:left;margin:1.5%;border:2px solid #eee;border-radius:5px;}
.blog-archive .row .large-9 .row .post-item .col-inner .box .box-image {width:100% !important;}
.blog-archive .row .large-9 .row .post-item {flex-basis:46%;max-width:46%;margin:2% !important;border:1px solid #eee;padding:5px !important;}
.ft-link {margin:10px 25px;}
}
.woocommerce .woocommerce .large-7, .woocommerce .woocommerce .large-5 {flex-basis:100%;max-width:100%;}
.woocommerce .woocommerce .large-5 {border-left:none !important;}
.ft-nopd {padding:0px;}
.ft-nopd .col-inner .ft-banner-km img {margin-top:-50px;width:50%;float:left;}
.ft-makm {width:40%;float:right;margin-top:20px;}
.ft-makm p label {width:60%;float:left;margin-right:10%}
.ft-makm p .wpcf7-submit {width:25%;float:left;}
.ft-nopd-bottom {padding-bottom:0px;}
@media (max-width: 768px) {
.ft-nopd .col-inner .ft-banner-km img {margin-top:-50px;width:90%;float:left;}
.ft-makm {width:100%;float:right;margin-top:20px;}
.ft-makm p label {width:60%;float:left;margin-right:5%;margin-left:5%;}
.ft-makm p .wpcf7-submit {width:25%;float:left;}
.footer-wrapper {margin-bottom:50px;}
}
/* CSS phần bộ lọc category*/
.shop-category {width:100%;max-width:1120px;margin:20px auto;padding:0px 10px;}
.shop-category span {font-size:18px;font-weight:700;}
.tag-one, .tag-two, .tag-three, .tag-Four, .tag-Five {margin-bottom:25px;}
.tag-img a img {width:75px;margin:0px 10px;border:1px solid #eee;border-radius:15px;}
.tag-text a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label {margin:5px 5px;border:1px solid #dfd9d9d9;background:#eee;border-radius:10px;padding:3px 10px;font-size:15px;color:#222;}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label > a span {font-weight:400;}
.yith-wcan-filters .yith-wcan-filter .filter-title {font-weight:700;}
@media (max-width: 768px) {
.tag-img a img {margin:10px 0px;}
.tag-text a {margin:5px 0px;border:1px solid #dfd9d9d9;background:#eee;border-radius:10px;padding:2px 5px;font-size:14px;color:#222;display:inline-block;}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label {margin:5px 5px;border:1px solid #dfd9d9d9;background:#eee;border-radius:10px;padding:3px 10px;font-size:15px;color:#222;}
}
/* Hết CSS phần bộ lọc category*/
/* CSS phần chính sách ở trang chủ*/
.home-ss2 {background:#222;padding:20px 10px;overflow:hidden;}
.home-ss2 .ss2-box {width:25%;float:left;padding:0px 10px;}
.home-ss2 .bn-left {border-right:1px solid #eeeeee57;height:170px;}
.home-ss2 .bn-no {border-right:none;}
.home-ss2 .ss2-box .ss2-box-left {width:25%;float:left;}
.home-ss2 .ss2-box .ss2-box-right {width:75%;float:right;}
.home-ss2 .ss2-box .ss2-box-right h3 {font-size:19px;color:#fff;margin-bottom:20px;}
.home-ss2 .ss2-box .ss2-box-right p {color:#eee;font-size:17px;}
@media (max-width: 768px) {
.home-ss2 .ss2-box {width:100%;float:left;padding:10px;}
.home-ss2 .bn-left {border-right:none;height:auto;border-bottom:1px dashed #eeeeee7a;}
}
/* Hết CSS phần chính sách ở trang chủ*/
/* CSS phần trang sản phẩm*/
.widget_shopping_cart_content {border:1px solid #d7d1d1;padding:5px;border-radius:10px;background:#eee;}
.widget_shopping_cart_content .ux-mini-cart-empty .return-to-shop {margin:0;padding:0;}
.widget_shopping_cart_content .ux-mini-cart-empty .return-to-shop a {margin:0;padding:0 5px;background:#444;text-transform:none;font-size:14px;color:#fff;}
.widget_shopping_cart_content .ux-mini-cart-empty .ux-mini-cart-empty-icon svg {height:50px !important;opacity:1 !important;}
.widget_shopping_cart_content .ux-mini-cart-empty .ux-mini-cart-empty-icon svg path {color:#555;}
.widget_shopping_cart_content .ux-mini-cart-empty .woocommerce-mini-cart__empty-message {}
.ux-mini-cart-empty {gap:15px;}
/* Cac quy tac .fa-ambulance / .fa-money-check-alt / .fa-recycle /
   .fa-map-marker-alt da bo: khong con the Font Awesome nao tren site. */
.description-feature li i {margin-right:10px;font-size:19px;}
/* Icon qua tang (SVG noi tuyen, thay cho Font Awesome) */
.cdv-gift-ico{width:1em;height:1em;vertical-align:-0.125em;color:#34ab01;flex:0 0 auto}
.description-feature li a {color:#555;}
.description-feature {background:#eee;padding:10px;margin-bottom:20px!important;border-radius:10px;border:1px solid #d7d1d1;font-size:17px;margin:0px;}
.description-feature li {margin:0px;padding:10px 0;list-style:none;font-size:18px;border-bottom:1px dashed #d7d1d1;}
.product-main .mb-0 {margin-bottom:30px !important;margin-top:20px !important;}
.product-short-description ul {margin-left:25px;}
.product-short-description ul li {margin-left:0px;margin-bottom:0;border-bottom:1px dotted #eee;padding:5px 0px;color:#555;list-style:square;}
.hot {color:#ad0606;font-weight:700;margin-bottom:10px;}
.hot i {margin-right:15px;font-size:20px;}
.single_add_to_cart_button {width:76%;background:#555 !important;float:right;}
.buttons_added {float:left;}
a.devvn_buy_now_style {max-width:100% !important;background:#555 !important;}
.accordion-title.active {border-color:#34ab01;color:#34ab01;}
a.plain {color:#34ab01;}
#accordion-additional_information-content table tbody tr th {border:1px solid #eee;}
.uppercase, h6, span.widget-title, th {text-transform:none;}
.accordion-inner {padding:15px 20px !important;}
.accordion-inner h2 {color:#34ab01;margin:25px 0px;font-size:22px;border-left:5px solid #34ab01;padding-left:10px;}
.accordion-inner h3 {color:#444;margin-bottom:15px;font-size:22px;}
.accordion-inner h4 {color:#444;margin-bottom:10px;font-size:18px;text-decoration:underline;font-weight:400;}
.accordion-inner ul, .accordion-inner ol {margin-left:25px;}
.accordion-inner p a, .accordion-inner ul li a {color:#3662df;}
.related-products-wrapper h3 {font-style:normal;margin-bottom:15px;color:#34ab01 !important;text-transform:none;font-size:20px;background:#eee;padding:10px 20px !important;border:1px solid #34ab0166;}
.related-products-wrapper {margin-bottom:50px;}
.woocommerce-product-gallery, .attachment-woocommerce_thumbnail {border:1px solid #d5d3d363;}
.product-thumbnails img {opacity:1;margin-bottom:0px;}
.product-thumbnails .is-nav-selected a img, .product-thumbnails a:hover img {transform:matrix(1, 0, 0, 1, 0, 0);}
.devvn-popup-title {background:#555 !important;font-size:17px;}
.popup-customer-info-group .devvn-order-btn {background:#555 !important;}
.popup_quickbuy_total_calc {color:red;font-size:20px;}
.hot-offers { background: #f2faec;border: 1px solid #cfe9bd;padding: 15px;margin: 20px 0;border-radius: 8px;font-size: 17px;}
.hot-offers .hot {margin: 5px 0;color: #2f3a2a;font-weight: 500;}
.hot-offers i {color: #34ab01;margin-right: 5px;}
@media (max-width: 768px) {
.single_add_to_cart_button {width:100%;background:#555 !important;float:right;}
.buttons_added {width:100%;float:left;}
}
/* HếtCSS phần trang sản phẩm*/
/* CSS phần danh mục sản phẩm*/
.term-description h1 {margin-bottom:20px;font-size:30px;color:#2e9801;font-weight:700;}
.custom-category-content {margin:30px 0px;}
.single-page h2 {font-size:28px;font-weight:700;color:#8b0000;border-left:5px solid #2e9801;padding-left:12px;margin:20px 0px;}
.custom-category-content h2 {font-size:25px;font-weight:700;color:#2e9801;padding-left:0px;margin:20px 0px;border-left:none;}
.custom-category-content h3 {font-size:19px;font-weight:700;color:#666;margin-bottom:20px;}
.custom-category-content ol, .custom-category-content ul {margin-left:20px !important;}
.single-page h3 {font-size:24px;font-weight:700;color:#8B0000;margin-bottom:20px;}
.custom-category-content h4, .single-page h4 {font-size:20px;font-weight:400;color:#8B0000;text-decoration:underline;margin-bottom:20px;}
.custom-category-content ul, .custom-category-content ol, .single-page ul, .single-page ol {margin-left:15px;}
.custom-category-content p a, .custom-category-content ul li a, .custom-category-content ol li a, .single-page p a, .single-page ul li a, .single-page ol li a {color:#3662df;}
.custom-category-content figure, .single-page figure {border:1px solid #eee;}
/* Hết CSS phần danh mục sản phẩm*/
/* CSS phần bài viết*/
#ez-toc-container {padding:5px 20px 5px 10px;}
#ez-toc-container a {font-size:18px}
div#ez-toc-container ul li {padding:4px 0px;}
.product-list {display: flex;flex-wrap: wrap;gap: 15px;}
.item-product-1 {flex: 1 1 calc(33.333% - 10px);border: 1px solid #ddd;padding: 10px;background: #fff;border-radius: 6px;text-align: center;}
.item-product img {max-width: 100%;height: auto;}
.price-product {color: red;font-weight: bold;margin: 5px 0;}
.add-sp a {background: #cc0000;color: #fff;padding: 6px 12px;display: inline-block;border-radius: 4px;text-decoration: none;}
.sp-nb-sg {font-size:25px;font-weight:700;}
.sp-tb {
  margin-top: 40px;
  padding: 20px 0;
  border-top: 2px solid #eee;
}

.sp-nb-sg {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
  color: #555;
}

.product-list-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.item-product {
  width: 30%;
  text-align: center;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  background: #fff;
  margin:5px;
}

.item-product:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transform: translateY(-3px);
}

.item-product img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

.item-product h4 {
  font-size: 16px;
  margin: 12px 0 8px;
  text-decoration: none;
  height: 70px;
}

.item-product h4 a {
 font-size:20px;
 color:#555;
}

.price-product {
  color: #d0021b;
  font-weight: bold;
  font-size: 15px;
}

/* Responsive cho màn hình nhỏ (mobile) */
@media (max-width: 768px) {
  .item-product {
    width: 100%;
  }
}

.custom-video-wrapper {
  max-width: 100%;
  margin: 30px auto;
  display: flex;
  justify-content: center;
}

.custom-video-wrapper video {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  border: 5px solid #55555596;
}


/* Hết CSS phần bài viết*/









































/* ===== Bo loc thuong hieu (WooCommerce Brands) ===== */
.cdv-brandfilter{display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:nowrap}
.cdv-brandfilter__label{flex:0 0 auto;font-weight:700;color:#333;font-size:15px;white-space:nowrap}
.cdv-brandfilter__list{display:flex;gap:10px;flex-wrap:nowrap;align-items:stretch;overflow-x:auto;flex:1 1 auto;min-width:0;padding-bottom:2px}
.cdv-brand{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;border-radius:8px;background:#fff;padding:6px 12px;min-width:96px;height:52px;transition:.15s;text-decoration:none}
.cdv-brand img{display:block;height:38px;width:auto;max-width:130px;object-fit:contain;margin:0}
.cdv-brand--all{font-weight:700;color:#444;font-size:14px;min-width:60px}
.cdv-brand:hover{border-color:#f5a623;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.cdv-brand.is-active{border-color:#f5a623;background:#fff8e9;box-shadow:0 0 0 2px #f5a623 inset}
.cdv-brand__count{position:absolute;top:-7px;right:-7px;background:#f5a623;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:2px 5px;border-radius:10px}
@media(max-width:600px){
  .cdv-brandfilter{flex-direction:column;align-items:stretch;gap:5px;margin-bottom:12px}
  .cdv-brandfilter__label{white-space:nowrap;font-size:13px}
  .cdv-brandfilter__list{flex-wrap:wrap;overflow:visible;gap:6px;flex:0 1 auto;min-width:0}
  .cdv-brand{flex:0 0 auto;height:40px;min-width:auto;padding:4px 8px}
  .cdv-brand img{height:26px}
  .cdv-brandfilter + .cdv-featurefilter{margin-top:0}
}

/* ===== Bo loc tinh nang (pill chu, danh muc con) ===== */
.cdv-brandfilter + .cdv-featurefilter{margin-top:-8px}
/* Hàng lọc dạng pill (Tính năng/Loại/Dành cho): tự xuống hàng, KHÔNG cuộn ngang */
.cdv-featurefilter{align-items:flex-start}
.cdv-featurefilter .cdv-brandfilter__label{line-height:38px}
.cdv-featurefilter .cdv-brandfilter__list{flex-wrap:wrap;overflow:visible}
.cdv-feat{flex:0 0 auto;display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid #e5e5e5;border-radius:999px;background:#fff;color:#333;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.15s}
.cdv-feat:hover{border-color:#f5a623;color:#111}
.cdv-feat.is-active{border-color:#f5a623;background:#fff8e9;color:#c77700}
@media(max-width:600px){ .cdv-feat{height:32px;padding:0 11px;font-size:12.5px} }

/* ==================== TRANG CHU (front-page custom) ==================== */
.cdv-home{--cdv-brand:#34ab01;--cdv-ink:#1f2430;--cdv-muted:#6b7280}
.cdv-home .container{max-width:1200px;margin:0 auto;padding:0 15px}
/* Hero slider */
.cdv-hero{position:relative;width:100%;background:transparent;overflow:hidden;padding:22px 0 6px}
.cdv-hero__track{position:relative;max-width:1200px;margin:0 auto;padding:0 15px}
.cdv-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none;display:block}
.cdv-hero__slide.is-active{position:relative;opacity:1;pointer-events:auto}
.cdv-hero__slide img{display:block;width:100%;height:auto;border-radius:14px}
.cdv-hero__dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;z-index:2;display:none;}
.cdv-hero__dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(0,0,0,.22);cursor:pointer;padding:0}
.cdv-hero__dots button.is-active{background:var(--cdv-brand);width:26px;border-radius:6px}
/* Danh muc vong tron */
.cdv-cats{padding:34px 0 8px}
.cdv-cats__row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cdv-cat{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;text-align:center}
.cdv-cat__ic{width:112px;height:112px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(20,26,42,.08);display:grid;place-items:center;transition:.2s;border:2px solid #eee;}
.cdv-cat:hover .cdv-cat__ic{transform:translateY(-4px);box-shadow:0 14px 30px rgba(52,171,1,.16)}
.cdv-cat__ic img{width:66px;height:66px;object-fit:contain}
.cdv-cat__label{font-size:17px;font-weight:700;color:#2e9801;line-height:1.3;max-width:150px}
.cdv-cat:hover .cdv-cat__label{color:var(--cdv-brand)}
/* Section head */
.cdv-sechead{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;padding-bottom:14px;border-bottom:2px solid #e2efd8;position:relative}
.cdv-sechead::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--cdv-brand);border-radius:2px}
.cdv-sechead__title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#2e9801;margin:0;padding:0;background:none}
.cdv-sechead__ic{width:25px;height:25px;flex:none;border-radius:5px;background:linear-gradient(135deg,var(--cdv-brand),#277f01);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(52,171,1,.25)}
.cdv-sechead__ic svg{width:22px;height:22px}
.cdv-sechead__more{color:#555555c7;font-weight:500;white-space:nowrap;font-style:italic;font-size:15px;}
span.amount {color:red !important;}
.cdv-featured{padding:34px 0}
.cdv-catblock{margin-bottom:40px}
.cdv-catblock:last-child{margin-bottom:0}
/* Kien thuc */
.cdv-knowledge{padding:30px 0;background:#f7f8fa}
.cdv-know__grid{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:start}
.cdv-know__eyebrow{color:#2e9801;font-weight:700;letter-spacing:1px;font-size:18px}
.cdv-know__intro h2{font-size:20px;font-weight:500;color:#444;margin:8px 0 18px 10px;line-height:1.35}
.cdv-btn{display:inline-block;background:#34ab01;color:#fff;font-weight:700;padding:5px 10px;border-radius:999px;text-decoration:none;font-size:16px;}
.copyright-footer {color:#fff;}
.cdv-btn:hover{background:#277f01;color:#fff}
.cdv-know__posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cdv-know__card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(20,26,42,.06)}
.cdv-know__thumb{display:block;aspect-ratio:16/10;background:#e9ebf0;overflow:hidden}
.cdv-know__thumb img{width:100%;height:100%;object-fit:cover}
.cdv-know__ph{display:block;width:100%;height:100%}
.cdv-know__body{padding:14px 16px 18px}
.cdv-know__body h3{font-size:16px;font-weight:700;line-height:1.4;margin:0 0 8px}
.cdv-know__body h3 a{color:var(--cdv-ink)}
.cdv-know__body h3 a:hover{color:var(--cdv-brand)}
.cdv-know__body p{font-size:13.5px;color:var(--cdv-muted);line-height:1.6;margin:0 0 10px}
.cdv-know__read{color:var(--cdv-brand);font-weight:600;font-size:13.5px}
/* Tin cay */
.cdv-trust{padding:26px 0 40px}
.cdv-trust__row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cdv-trust__item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eceef2;border-radius:12px;padding:16px 18px}
.cdv-trust__item img{width:46px;height:46px;object-fit:contain;flex:none}
.cdv-trust__item strong{display:block;color:var(--cdv-ink);font-size:15px}
.cdv-trust__item span{color:var(--cdv-muted);font-size:13px}
@media(max-width:900px){
  .cdv-cats__row{grid-template-columns:repeat(3,1fr);gap:16px}
  .cdv-know__grid{grid-template-columns:1fr;gap:20px}
  .cdv-know__posts{grid-template-columns:1fr}
  .cdv-trust__row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .cdv-cats__row{grid-template-columns:repeat(3,1fr);gap:10px}
  .cdv-cat__ic{width:84px;height:84px}
  .cdv-cat__ic img{width:48px;height:48px}
  .cdv-cat__label{font-size:12.5px}
  .cdv-sechead__title{font-size:20px}
  .header-main{border-bottom:1px solid #34ab01;}
}
.cvhd-methods .row {margin:0px 10px !important;}

/* ====== Dong bo trang gio hang (cart) ====== */
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cart-sidebar-title,
.woocommerce-cart h2.cart_totals-title{color:#1f2430}
/* Nut "Cap nhat gio hang" + "Tiep tuc xem san pham" (dang vang) -> hong */
.woocommerce-cart .button.button-continue-shopping,
.woocommerce-cart button[name="update_cart"].button{
  background:#34ab01 !important;border-color:#34ab01 !important;color:#fff !important;border-radius:999px;font-weight:700}
.woocommerce-cart .button.button-continue-shopping.is-outline{
  background:transparent !important;color:#34ab01 !important}
.woocommerce-cart .button.button-continue-shopping.is-outline:hover{
  background:#34ab01 !important;color:#fff !important}
.woocommerce-cart button[name="update_cart"].button:hover{background:#2e9801 !important;border-color:#2e9801 !important}
/* Nut ap dung ma giam gia (dang xam) -> hong */
.woocommerce-cart .coupon button[name="apply_coupon"],
.woocommerce-cart .coupon .button{
  background:#34ab01 !important;border-color:#34ab01 !important;color:#fff !important;border-radius:999px;font-weight:700}
.woocommerce-cart .coupon button[name="apply_coupon"]:hover{background:#2e9801 !important;border-color:#2e9801 !important}
.woocommerce-cart .coupon .input-text{border-radius:999px;padding-left:18px}
/* Nut thanh toan bo tron cho dong bo */
.woocommerce-cart .checkout-button.button.alt{border-radius:999px;font-weight:700;font-size:16px}
/* Bang gio hang */
.woocommerce-cart table.shop_table{border-radius:12px;overflow:hidden;border:1px solid #eceef2}
.woocommerce-cart table.shop_table thead th{background:#f2faec;color:#1f2430;font-weight:700}
.woocommerce-cart table.cart td.product-name a{color:#1f2430;font-weight:600}
.woocommerce-cart table.cart td.product-name a:hover{color:#34ab01}
.woocommerce-cart .cart_totals table{border-radius:12px;overflow:hidden;border:1px solid #eceef2}
.woocommerce-cart .cart_totals .order-total .amount{color:#34ab01}
.message-wrapper {margin:20px 0px !important;}
/* Breadcrumb buoc dang chon giu tong the mau hong (da co san) */

/* ====== Dong bo trang Tai khoan (my-account) ====== */
/* Form dang nhap dang the gon gang, canh giua */
.woocommerce-account form.woocommerce-form-login{
  max-width:460px;margin:10px auto 30px;background:#fff;border:1px solid #eceef2;
  border-radius:16px;padding:28px 28px 24px;box-shadow:0 8px 26px rgba(20,26,42,.06)}
.woocommerce-account .woocommerce-form-login .form-row{margin-bottom:16px}
.woocommerce-account .woocommerce-form-login label{font-weight:600;color:#1f2430}
.woocommerce-account .woocommerce-form-login input.input-text{
  border:1px solid #dfe3ea;border-radius:10px;padding:12px 14px;width:100%}
.woocommerce-account .woocommerce-form-login input.input-text:focus{
  border-color:#34ab01;box-shadow:0 0 0 3px rgba(52,171,1,.12);outline:none}
/* Nut Dang nhap (dang vang) -> hong, full-width */
.woocommerce-account .woocommerce-form-login button[type="submit"],
.woocommerce-account .woocommerce-Button.button{
  background:#34ab01 !important;border-color:#34ab01 !important;color:#fff !important;
  border-radius:999px;font-weight:700;width:100%;padding:12px 20px;margin-top:4px}
.woocommerce-account .woocommerce-form-login button[type="submit"]:hover,
.woocommerce-account .woocommerce-Button.button:hover{background:#2e9801 !important;border-color:#2e9801 !important}
/* Link quen mat khau -> hong */
.woocommerce-account .woocommerce-LostPassword a{color:#34ab01 !important;font-weight:600}
.woocommerce-account .woocommerce-LostPassword{margin-top:6px}
/* Ghi nho mat khau nam gon */
.woocommerce-account .woocommerce-form-login__rememberme{display:block;margin:2px 0 14px;color:#5b6270}

/* ---- Dashboard khi da dang nhap ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  border:1px solid #eceef2;border-radius:14px;overflow:hidden;background:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid #f2f3f6}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 18px;
  color:#3d4453;font-weight:600;transition:.2s}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#f2faec;color:#34ab01}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:#34ab01;color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border:1px solid #eceef2;
  border-radius:14px;padding:22px 24px}
.woocommerce-account .woocommerce-MyAccount-content a{color:#34ab01}
/* Tieu de "Dang nhap" canh giua khop the login */
.woocommerce-account h3.uppercase{text-align:center;max-width:460px;margin:0 auto 2px}

/* ====== Phan trang (pagination) dong bo tong hong ====== */
/* Flatsome ep .nav-pagination>li>a bo tron 99px -> ep ve bo vuong */
.nav-pagination > li > a,
.nav-pagination > li > span,
.woocommerce-pagination ul.page-numbers li > a,
.woocommerce-pagination ul.page-numbers li > span{border-radius:10px !important}
.woocommerce-pagination ul.page-numbers,
nav.woocommerce-pagination ul{border:0 !important;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 10px;padding:0}
.woocommerce-pagination ul.page-numbers li{border:0 !important;margin:0}
.woocommerce-pagination ul.page-numbers li .page-numbers,
.nav-pagination > li > a,
.nav-pagination > li > span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 12px;border:1px solid #eceef2 !important;
  border-radius:10px !important;background:#fff !important;color:#3d4453 !important;font-weight:700;font-size:15px;
  line-height:1;transition:all .2s ease;box-shadow:0 2px 6px rgba(20,26,42,.04)}
.woocommerce-pagination ul.page-numbers li .page-numbers:hover,
.nav-pagination > li > a:hover{
  border-color:#34ab01 !important;color:#34ab01 !important;background:#f2faec !important}
/* Trang dang xem */
.woocommerce-pagination ul.page-numbers li span.current,
.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.nav-pagination > li > span.current,
.nav-pagination > li > .current{
  background:#34ab01 !important;border-color:#34ab01 !important;color:#fff !important;
  box-shadow:0 6px 14px rgba(52,171,1,.28)}
/* Dau ... */
.woocommerce-pagination ul.page-numbers li span.dots,
.nav-pagination > li > span.dots{
  background:transparent !important;border-color:transparent !important;box-shadow:none !important;color:#9098a5 !important}
/* Nut prev/next mui ten */
.woocommerce-pagination ul.page-numbers li a.next,
.woocommerce-pagination ul.page-numbers li a.prev,
.nav-pagination > li > a.next,
.nav-pagination > li > a.prev{font-size:18px;color:#34ab01 !important}
.woocommerce-pagination ul.page-numbers li a.next:hover,
.woocommerce-pagination ul.page-numbers li a.prev:hover,
.nav-pagination > li > a.next:hover,
.nav-pagination > li > a.prev:hover{background:#34ab01 !important;color:#fff !important;border-color:#34ab01 !important}
@media(max-width:480px){
  .woocommerce-pagination ul.page-numbers{gap:6px}
  .woocommerce-pagination ul.page-numbers li .page-numbers{min-width:38px;height:38px;font-size:14px;padding:0 9px}
}

/* ====== Trang chu: Tim hieu ve Shop (FAQ/SEO) ====== */
.cdv-hfaq{padding:20px 0 46px}
.cdv-hfaq__title{font-size:26px;font-weight:700;color:#2e9801;margin:0 0 20px;padding:0 0 12px;position:relative;border-bottom:2px solid #e2efd8}
.cdv-hfaq__title:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:#34ab01;border-radius:2px}
.cdv-hfaq__acc{background:#fff;border:1px solid #eceef2;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(20,26,42,.05)}
.cdv-hfaq__item{border-top:1px solid #f2f3f6}
.cdv-hfaq__item:first-child{border-top:0}
.cdv-hfaq__header{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 20px;font-weight:700;font-size:16.5px;color:#444;background:#fff;transition:background .2s,color .2s}
.cdv-hfaq__header:hover{background:#f2faec;color:#34ab01}
.cdv-hfaq__header.is-open{background:#f2faec;color:#34ab01}
.cdv-hfaq__tg{display:inline-block;width:10px;height:10px;flex:none;border-right:2px solid #34ab01;border-bottom:2px solid #34ab01;transform:rotate(45deg);transition:transform .3s ease}
.cdv-hfaq__header.is-open .cdv-hfaq__tg{transform:rotate(-135deg)}
.cdv-hfaq__content{display:none;padding:6px 22px 20px 42px;background:#fff;animation:cdvFade .3s ease}
.cdv-hfaq__content p{line-height:1.7;margin:0 0 12px;color:#3d4453}
.cdv-hfaq__content p:last-child{margin-bottom:0}
.cdv-hfaq__content ul{margin:6px 0 12px;padding-left:20px}
.cdv-hfaq__content li{list-style:disc;margin:0 0 7px;color:#3d4453;line-height:1.6}
.cdv-hfaq__content b{color:#555}
.cdv-hfaq__content a{color:#34ab01;font-weight:600;text-decoration:underline}
.cdv-hfaq__content a:hover{color:#277f01}
@keyframes cdvFade{from{opacity:0}to{opacity:1}}
@media(max-width:600px){
  .cdv-hfaq__title{font-size:21px}
  .cdv-hfaq__header{font-size:15px;padding:14px 16px}
  .cdv-hfaq__content{padding:4px 16px 16px 34px}
}

/* ====== Plugin Mua hang nhanh - dong bo tong hong ====== */
/* Nut "Mua ngay" tren trang san pham (dang cam) -> hong */
a.sw_buy_now{
  background:#34ab01 !important;background-image:none !important;
  border-radius:8px !important;box-shadow:0 5px 14px rgba(52,171,1,.28);transition:all .2s ease}
a.sw_buy_now:hover{background:#2e9801 !important}
/* Popup */
.sw-popup-inner{border-radius:14px !important;box-shadow:0 24px 60px rgba(20,26,42,.35) !important}
.sw-popup-title{background:#34ab01 !important;filter:none !important}
.sw-popup-content{padding:16px !important}
/* Nut "Dat hang ngay" (dang do do) -> hong */
.popup-customer-info-group .sw-order-btn{
  background:#34ab01 !important;border-radius:999px !important;height:46px !important;
  font-weight:700 !important;letter-spacing:.3px;transition:all .2s ease}
.popup-customer-info-group .sw-order-btn:hover{background:#2e9801 !important}
/* O nhap lieu: bo goc + focus hong */
body .popup-customer-info-group input,
body .popup-customer-info-group select,
body .popup-customer-info-group textarea{border-radius:8px !important}
body .popup-customer-info-group input:focus,
body .popup-customer-info-group select:focus,
body .popup-customer-info-group textarea:focus{
  border-color:#34ab01 !important;box-shadow:0 0 0 3px rgba(52,171,1,.12) !important;outline:0 !important}
/* Radio chon (dang cam) -> hong */
.popup-customer-info-radio label input:checked~span:before{border-color:#34ab01 !important}
.popup-customer-info-radio label input:checked~span:after{background:#34ab01 !important;border-color:#34ab01 !important}
/* Tieu de gia trong popup dong bo do (giu theo theme) */
.sw_title-gia .sw_price ins .woocommerce-Price-amount bdi{color:#34ab01 !important}
.sw_quickbuy_mess p{color:#34ab01 !important}

/* ====== Mua nhanh: thiet ke lai cot trai (anh + ten + gia) ====== */
.sw-popup-content-left{width:46% !important;padding:6px 20px 6px 12px !important}
.sw-popup-content-right{width:54% !important}
/* Chuyen tu table -> block, canh giua */
.sw-popup-prod{display:block !important;width:100% !important;margin:0 0 6px !important;text-align:center}
.sw-popup-img,.sw-popup-info{display:block !important;width:auto !important;margin:0 !important;padding:0 !important;vertical-align:top}
/* Anh to, bo goc, vien nhe */
.sw-popup-img{max-width:260px;margin:0 auto 16px !important}
.sw-popup-img img{width:100% !important;height:auto !important;border-radius:14px;border:1px solid #eceef2;box-shadow:0 8px 22px rgba(20,26,42,.10);display:block}
/* Ten day du, canh giua */
span.sw_title{display:block;font-size:18px !important;line-height:1.45 !important;color:#1f2430 !important;
  font-weight:700 !important;text-align:center;white-space:normal !important;padding:0 !important;margin:0 0 12px}
/* Gia noi bat */
.sw_title-gia{text-align:center;margin:0 0 14px !important;line-height:1.3}
.sw_title-gia .sw_price{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px}
.sw_title-gia .sw_price del,.sw_title-gia .sw_price del .amount,.sw_title-gia .sw_price del bdi{
  color:#9aa0ac !important;font-size:16px !important;font-weight:400 !important;text-decoration:line-through}
.sw_title-gia .sw_price ins{background:none;text-decoration:none}
.sw_title-gia .sw_price ins .amount,.sw_title-gia .sw_price ins bdi,
.sw_title-gia .sw_price>.amount,.sw_title-gia .sw_price>.amount bdi{
  color:#34ab01 !important;font-size:26px !important;font-weight:700 !important}
/* So luong canh giua */
.sw-popup-content-left .quantity,.sw-popup-content-left .sw_prod_variable{justify-content:center;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px}
.sw-popup-content-left .quantity{max-width:150px}
@media all and (max-width:700px){
  .sw-popup-content-left,.sw-popup-content-right{width:100% !important;padding:6px 4px !important}
  .sw-popup-img{max-width:200px}
  span.sw_title{font-size:16px !important}
  .sw_title-gia .sw_price ins .amount,.sw_title-gia .sw_price>.amount{font-size:22px !important}
}

/* ====== Gallery anh san pham (single) - dep & dong bo ====== */
/* Anh chinh: bo goc, vien nhe, do bong */
.single-product .product-gallery-slider .woocommerce-product-gallery__image{
  border-radius:0;overflow:hidden;border:1px solid #eceef2;box-shadow:0 10px 26px rgba(20,26,42,.08);background:#fff}
.single-product .product-gallery-slider .woocommerce-product-gallery__image img{border-radius:0;display:block}
/* Badge giam gia -> hong chuan, bo goc */
.single-product .product-gallery .badge-inner.on-sale,
.single-product .product-gallery .onsale,
.single-product .badge.badge-1 .badge-inner{
  background:#34ab01 !important;border-radius:10px !important;font-weight:700 !important;
  box-shadow:0 4px 12px rgba(52,171,1,.30)}
/* Nut phong to (zoom) */
.single-product .product-gallery .image-tools .zoom,
.single-product .product-gallery a.zoom{background:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.12)}
/* Thumbnails */
.single-product .product-thumbnails{margin-top:14px}
.single-product .product-thumbnails .col{padding:5px !important}
.single-product .product-thumbnails .col img{
  border-radius:0 !important;border:2px solid #eceef2 !important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer;display:block;width:100%}
.single-product .product-thumbnails .col:hover img{border-color:#a8d98a !important;transform:translateY(-2px)}
.single-product .product-thumbnails .col.is-nav-selected img{
  border-color:#34ab01 !important;box-shadow:0 5px 14px rgba(52,171,1,.24)}

/* ====== Review san pham - thiet ke lai gon & dep ====== */
/* --- Danh sach review dang the --- */
#reviews .commentlist{list-style:none !important;margin:0 !important;padding:0 !important}
#reviews .commentlist li.review,
#reviews .commentlist li.comment{margin:0 0 14px !important;border:0 !important;list-style:none !important;background:none !important;padding:0 !important}
#reviews .commentlist li .comment_container{
  background:#fff !important;border:1px solid #eceef2 !important;border-radius:14px !important;
  padding:18px 20px !important;box-shadow:0 4px 14px rgba(20,26,42,.05);gap:14px;margin:0 !important}
#reviews .commentlist img.avatar{
  width:52px !important;height:52px !important;border-radius:50% !important;
  border:2px solid #f2faec !important;background:#f4f5f7;position:static !important;margin:0 !important;padding:0 !important}
#reviews .commentlist .comment-text{padding:0 !important;border:0 !important;margin:0 !important}
#reviews .commentlist .comment-text .star-rating{margin:0 0 6px !important;font-size:14px}
#reviews .commentlist .comment-text .meta{margin:0 0 7px !important;color:#9098a5;font-size:13px;line-height:1.45}
#reviews .commentlist .comment-text .woocommerce-review__author{
  font-weight:700 !important;color:red !important;font-size:16px;font-style:normal !important;display:block;margin-bottom:1px}
#reviews .commentlist .comment-text .woocommerce-review__dash{display:none !important}
#reviews .commentlist .comment-text .woocommerce-review__published-date{color:#9aa0ac;font-size:12.5px}
#reviews .commentlist .comment-text .description{color:#3d4453 !important;line-height:1.65}
#reviews .commentlist .comment-text .description p{margin:0 0 6px}
#reviews .commentlist .comment-text .description p:last-child{margin:0}
/* Tieu de "X danh gia cho..." */
#reviews #comments > h2, #reviews .woocommerce-Reviews-title{font-size:19px;font-weight:700;color:#555;margin:0 0 18px}

/* --- Form them danh gia --- */
#review_form_wrapper{background:#fafbfc;border:1px solid #eceef2;border-radius:16px;padding:22px 24px}
#reviews #respond .comment-reply-title{font-size:19px !important;font-weight:700 !important;color:#555 !important;margin:0 0 14px !important;display:block}
#reviews #respond label{font-weight:600;color:#555}
#reviews #respond .comment-form-rating{margin:0 0 14px}
/* Bo chon sao: ep ve 5 sao don, 1 hang cO dinh (font fl-icons cua Flatsome) */
#reviews #respond p.stars,
#reviews #respond .comment-form-rating .stars{
  display:inline-block !important;white-space:nowrap !important;margin:6px 0 0 !important;
  line-height:1 !important;float:none !important}
#reviews #respond p.stars span{display:inline-block !important;float:none !important;margin:0 !important}
#reviews #respond p.stars a{
  position:relative !important;display:inline-block !important;float:none !important;
  width:1.5em !important;height:1.5em !important;margin:0 1px 0 0 !important;padding:0 !important;
  font-size:22px !important;line-height:1.5 !important;text-indent:-999em !important;
  text-decoration:none !important;overflow:hidden}
/* Tat sao dồn (::after) cua kieu cu */
#reviews #respond p.stars a::after{content:"" !important;display:none !important}
/* Moi <a> = 1 sao rong; hover/selected = sao vang (font fl-icons: rong=e006, day=e005) */
#reviews #respond p.stars a::before{
  content:"\e006" !important;font-family:"fl-icons" !important;font-weight:400 !important;font-style:normal !important;
  position:absolute !important;top:0;left:0;width:1.5em !important;height:1.5em;
  line-height:1.5 !important;text-indent:0 !important;text-align:center;color:#d9dce2 !important}
#reviews #respond p.stars a:hover~a::before{content:"\e006" !important;color:#d9dce2 !important}
#reviews #respond p.stars:hover a::before{content:"\e005" !important;color:#ffb400 !important}
#reviews #respond p.stars.selected a.active::before{content:"\e005" !important;color:#ffb400 !important}
#reviews #respond p.stars.selected a.active~a::before{content:"\e006" !important;color:#d9dce2 !important}
#reviews #respond p.stars.selected a:not(.active)::before{content:"\e005" !important;color:#ffb400 !important}
/* O nhap noi dung */
#reviews #respond textarea{
  border:1px solid #dfe3ea !important;border-radius:10px !important;padding:12px 14px !important;
  width:100% !important;background:#fff !important;box-shadow:none !important}
#reviews #respond textarea:focus,
#reviews #respond input[type=text]:focus,
#reviews #respond input[type=email]:focus{
  border-color:#34ab01 !important;box-shadow:0 0 0 3px rgba(52,171,1,.12) !important;outline:0 !important}
#reviews #respond input[type=text],#reviews #respond input[type=email]{border-radius:10px !important}
/* Nut GUI DI -> hong pill */
#reviews #respond .form-submit input,
#reviews #respond #submit,
#reviews #respond .submit{
  background:#34ab01 !important;background-image:none !important;border:0 !important;color:#fff !important;
  border-radius:999px !important;font-weight:700 !important;padding:12px 36px !important;height:auto !important;
  text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 16px rgba(52,171,1,.28)}
#reviews #respond .form-submit input:hover,
#reviews #respond #submit:hover{background:#2e9801 !important}
@media(max-width:849px){
  #review_form_wrapper{margin-top:20px}
  #reviews .commentlist li .comment_container{padding:14px 16px !important}
}

/* ====== Nut Them vao gio + Chat Zalo cung hang (single product) ====== */
.single-product form.cart{display:flex !important;align-items:stretch;flex-wrap:wrap;gap:10px;margin-bottom:14px}
/* --- O so luong: hop bo goc gon gang --- */
.single-product form.cart .quantity.ux-quantity{
  margin:0 !important;flex:0 0 auto;display:flex !important;align-items:stretch;
  border:1px solid #dfe3ea !important;border-radius:10px;overflow:hidden;background:#fff;min-height:50px}
.single-product form.cart .quantity .ux-quantity__button{
  width:40px !important;min-width:40px;height:auto !important;background:#f7f8fa !important;border:0 !important;
  color:#555 !important;font-size:20px !important;font-weight:600;cursor:pointer;box-shadow:none !important;
  border-radius:0 !important;padding:0 !important;margin:0 !important;transition:.15s;appearance:none;-webkit-appearance:none}
.single-product form.cart .quantity .ux-quantity__button:hover{background:#eaf6e0 !important;color:#34ab01 !important}
.single-product form.cart .quantity input.qty{
  width:48px !important;height:auto !important;border:0 !important;border-left:1px solid #eceef2 !important;
  border-right:1px solid #eceef2 !important;background:#fff !important;text-align:center;font-weight:700 !important;
  color:#1f2430 !important;border-radius:0 !important;box-shadow:none !important;font-size:16px;padding:0 !important;margin:0 !important}
/* --- Nut "Them vao gio hang": nen hong dac, bo goc --- */
.single-product form.cart .single_add_to_cart_button{
  width:auto !important;float:none !important;flex:1 1 0 !important;min-width:0;min-height:50px;
  background:#34ab01 !important;color:#fff !important;border:0 !important;
  border-radius:10px !important;font-weight:700 !important;height:auto !important;
  padding:12px 20px !important;box-shadow:0 6px 16px rgba(52,171,1,.26) !important;transition:all .2s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:none}
.single-product form.cart .single_add_to_cart_button:hover{background:#2e9801 !important;color:#fff !important}
/* --- Nut "Chat Zalo": xanh Zalo, logo trong o trang --- */
.single-product form.cart .cdv-zalo-btn{
  flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;
  background:#0068ff;color:#fff !important;border:0;border-radius:10px;
  font-weight:700;font-size:15px;padding:10px 18px;text-decoration:none;white-space:nowrap;transition:all .2s ease;
  box-shadow:0 6px 16px rgba(0,104,255,.24)}
.single-product form.cart .cdv-zalo-btn:hover{background:#0055d4;color:#fff !important}
.single-product form.cart .cdv-zalo-btn img{
  width:26px;height:26px;flex:none;background:#fff;border-radius:7px;padding:2px;display:block}
@media(max-width:600px){
  .single-product form.cart{gap:8px}
  .single-product form.cart .single_add_to_cart_button{min-width:0;padding:11px 12px !important;flex:1 1 0 !important}
  .single-product form.cart .cdv-zalo-btn{padding:10px 12px;flex:1 1 0}
}

/* ====== Bai viet lien quan (cuoi bai viet) - khoi tach biet ====== */
.cdv-related{margin:48px 0 10px;clear:both;padding:26px 24px 28px;background:#fafbfc;border:1px solid #eceef2;border-radius:16px}
.cdv-related__title{font-size:22px;font-weight:700;color:#2e9801;margin:0 0 18px;padding:0 0 12px;position:relative;border-bottom:2px solid #e2efd8}
.cdv-related__title:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:#34ab01;border-radius:2px}
.cdv-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cdv-related__card{display:flex;flex-direction:column;background:#fff;border:1px solid #eceef2;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(20,26,42,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-decoration:none}
.cdv-related__card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(52,171,1,.14);border-color:#cfe9bd}
.cdv-related__thumb{display:block;aspect-ratio:16/10;background:#e2efd8;overflow:hidden}
.cdv-related__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cdv-related__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#34ab01,#277f01)}
.cdv-related__body{padding:12px 15px 16px}
.cdv-related__date{display:block;font-size:12.5px;color:#34ab01;font-weight:700;margin-bottom:6px}
.cdv-related__name{display:block;font-size:15px;font-weight:700;line-height:1.45;color:#1f2430}
.cdv-related__card:hover .cdv-related__name{color:#34ab01}
@media(max-width:850px){.cdv-related__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.cdv-related__grid{grid-template-columns:1fr;gap:14px}}

/* ====== Widget sidebar - thiet ke lai dong bo hong ====== */
/* The widget */
.post-sidebar .widget,
#product-sidebar .widget{
  background:#fff;border:1px solid #eceef2;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 20px rgba(20,26,42,.05);margin-bottom:24px;padding:0}
/* Tieu de widget -> header hong (thay gradient den) */
.post-sidebar .widget .widget-title,
.post-sidebar .widget .widgettitle,
#product-sidebar .widget .widget-title,
#product-sidebar .widget .widgettitle{
  background:#34ab01 !important;color:#fff !important;
  font-size:15.5px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.4px;
  padding:13px 18px !important;margin:0 !important;display:block;text-align:left;border:0}
/* Padding cho noi dung ben trong (tru tieu de) */
.post-sidebar .widget > *:not(.widget-title):not(.widgettitle),
#product-sidebar .widget > *:not(.widget-title):not(.widgettitle){padding-left:16px;padding-right:16px}
.post-sidebar .widget .product_list_widget,
#product-sidebar .widget .product_list_widget{padding-top:4px;padding-bottom:10px;margin:0 !important}
/* --- Widget danh sach san pham --- */
.post-sidebar .product_list_widget li,
#product-sidebar .product_list_widget li{
  position:relative;padding:12px 0 12px 74px !important;min-height:74px;
  border-bottom:1px solid #f2f3f6 !important;margin:0 !important;list-style:none}
.post-sidebar .product_list_widget li:last-child,
#product-sidebar .product_list_widget li:last-child{border-bottom:0 !important}
.post-sidebar .product_list_widget li a img,
#product-sidebar .product_list_widget li a img{
  position:absolute !important;left:0;top:12px;width:60px !important;height:60px !important;object-fit:cover;
  border-radius:10px !important;border:1px solid #eceef2 !important;margin:0 !important;float:none !important}
.post-sidebar .product_list_widget li a .product-title,
#product-sidebar .product_list_widget li a .product-title{
  color:#555 !important;font-size:14.5px !important;font-weight:600 !important;line-height:1.4}
.post-sidebar .product_list_widget li a:hover .product-title,
#product-sidebar .product_list_widget li a:hover .product-title{color:#34ab01 !important}
.post-sidebar .product_list_widget li .star-rating,
#product-sidebar .product_list_widget li .star-rating{font-size:11px !important;margin:5px 0 4px !important}
.post-sidebar .product_list_widget li ins,
.post-sidebar .product_list_widget li ins .amount,
#product-sidebar .product_list_widget li ins,
#product-sidebar .product_list_widget li ins .amount{color:#34ab01 !important;font-weight:700 !important;text-decoration:none}
.post-sidebar .product_list_widget li del .amount,
#product-sidebar .product_list_widget li del .amount{color:#9aa0ac !important;font-size:13px !important}
/* --- Widget menu danh muc --- */
.post-sidebar .widget_nav_menu ul,
#product-sidebar .widget_nav_menu ul,
.post-sidebar .menu-danh-muc-san-pham-container ul,
#product-sidebar .menu-danh-muc-san-pham-container ul{margin:0 !important;list-style:none}
.post-sidebar .widget_nav_menu ul li,
#product-sidebar .widget_nav_menu ul li{border-bottom:1px solid #f2f3f6;list-style:none;margin:0}
.post-sidebar .widget_nav_menu ul li:last-child,
#product-sidebar .widget_nav_menu ul li:last-child{border-bottom:0}
.post-sidebar .widget_nav_menu ul li a,
#product-sidebar .widget_nav_menu ul li a{
  display:block;padding:11px 2px;color:#3d4453 !important;font-weight:600;font-size:14.5px;transition:all .15s ease}
.post-sidebar .widget_nav_menu ul li a:hover,
#product-sidebar .widget_nav_menu ul li a:hover{color:#34ab01 !important;padding-left:8px}
.blog-archive, .blog-single {padding-bottom:0px;padding-top:0px;}

/* ====== Danh sach bai viet (blog/danh muc) - thiet ke lai the ngang ====== */
.large-9 .post-item,
.blog-archive .large-9 .post-item{border-bottom:0 !important;padding:0 !important;margin:0 0 20px !important}
.post-item .box.box-blog-post{
  display:flex !important;align-items:stretch;flex-direction:row !important;background:#fff;
  border:1px solid #eceef2;border-radius:14px;overflow:hidden;box-shadow:0 5px 16px rgba(20,26,42,.05);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;margin:0 !important}
.post-item .box.box-blog-post:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(52,171,1,.12);border-color:#cfe9bd}
.post-item .box.box-blog-post .box-image{
  width:36% !important;flex:0 0 36%;margin:0 !important;padding:0 !important;border:0 !important;overflow:hidden}
.post-item .box.box-blog-post .box-image a,
.post-item .box.box-blog-post .box-image .image-cover{display:block;height:100% !important}
.post-item .box.box-blog-post .box-image img{
  width:100% !important;height:100% !important;object-fit:cover;border-radius:0 !important;border:0 !important;display:block}
.post-item .box.box-blog-post .box-text{
  flex:1 1 auto;padding:16px 20px !important;display:flex;flex-direction:column;justify-content:center;text-align:left;background:#fff}
.post-item .box.box-blog-post .post-title{
  font-size:19px !important;font-weight:700 !important;line-height:1.4 !important;margin:0 0 8px !important}
.post-item .box.box-blog-post .post-title a{color:#2e9801 !important}
.post-item .box.box-blog-post:hover .post-title a{color:#34ab01 !important}
.post-item .box.box-blog-post .box-text p{color:#5b6270 !important;font-size:14.5px !important;line-height:1.6 !important;margin:0}
@media(max-width:549px){
  .post-item .box.box-blog-post{flex-direction:column !important}
  .post-item .box.box-blog-post .box-image{width:100% !important;flex:0 0 auto}
  .post-item .box.box-blog-post .box-image img{height:200px !important}
  .post-item .box.box-blog-post .post-title{font-size:17px !important}
}

/* ====== Thu gon mo ta san pham + nut Xem day du ====== */
.cdv-desc-inner.cdv-desc-collapsed{max-height:460px;overflow:hidden;position:relative}
.cdv-desc-inner.cdv-desc-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;
  background:linear-gradient(rgba(255,255,255,0) 0%,#fff 90%);pointer-events:none}
.cdv-desc-inner.cdv-desc-expanded{max-height:none;overflow:visible}
.cdv-desc-toggle-wrap{text-align:center;margin:8px 0 4px}
.cdv-desc-toggle{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;background:#fff;color:#34ab01;
  border:2px solid #34ab01;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease}
.cdv-desc-toggle:hover{background:#34ab01;color:#fff}
.cdv-desc-toggle svg{width:16px;height:16px;transition:transform .25s ease}
.cdv-desc-toggle.is-open svg{transform:rotate(180deg)}

/* Khoi noi dung danh muc / thuong hieu dung lai kieu thu gon o tren */
.custom-category-content.cdv-readmore{margin-bottom:20px}
.custom-category-content.cdv-readmore .cdv-desc-inner > *:first-child{margin-top:0}
.custom-category-content.cdv-readmore .cdv-desc-toggle-wrap{margin:14px 0 0}
@media (max-width:549px){
  .custom-category-content.cdv-readmore .cdv-desc-inner.cdv-desc-collapsed{max-height:360px}
}

/* ====== Mo san cac phan accordion san pham (hien full noi dung) ====== */
.single-product .product-tabs-accordion .accordion-inner,
.single-product .accordion .accordion-inner{display:block !important}

/* ====== Khoi link nhanh trong tab "Luu y khi dat hang" - 1 hang ====== */
.cdv-notice-links{display:flex;flex-wrap:nowrap;gap:8px;margin:10px 0 6px}
.cdv-notice-links a{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:#fff;border:1px solid #cfe9bd;color:#34ab01 !important;font-weight:600;font-size:13.5px;
  padding:9px 8px;border-radius:999px;text-decoration:none !important;white-space:nowrap;transition:all .2s ease}
.cdv-notice-links a:hover{background:#34ab01;border-color:#34ab01;color:#fff !important}
.cdv-notice-links a.cdv-notice-links__promo{background:linear-gradient(135deg,#34ab01,#277f01);border-color:#34ab01;color:#fff !important;font-weight:700}
.cdv-notice-links a.cdv-notice-links__promo:hover{background:#277f01}
@media(max-width:768px){
  .cdv-notice-links{flex-wrap:wrap}
  .cdv-notice-links a{flex:1 1 45%;font-size:13px;padding:9px 10px}
}

/* ====== Thu gon form danh gia (an sau nut "Viet danh gia") ====== */
#reviews #respond.cdv-review-collapsed form,
#reviews #respond.cdv-review-collapsed .comment-form{display:none !important}
#reviews #respond.cdv-review-collapsed .comment-reply-title{margin-bottom:12px !important}
#reviews #respond .cdv-review-toggle{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#34ab01;
  border:2px solid #34ab01;border-radius:999px;font-weight:700;font-size:14.5px;padding:10px 22px;cursor:pointer;
  transition:all .2s ease;margin:0}
#reviews #respond .cdv-review-toggle:hover{background:#34ab01;color:#fff}
#reviews #respond .cdv-review-toggle svg{width:17px;height:17px}
/* Thu nho o nhap khi mo form */
#reviews #respond textarea{min-height:100px !important}
/* Gon khung form wrapper khi trong */
.woocommerce-noreviews{margin:0 0 8px !important;color:#9098a5}

/* ====== Box "Da kiem duyet noi dung" (tac gia) cuoi mo ta san pham ====== */
.cdv-reviewed{display:flex;gap:14px;align-items:flex-start;background:#f7f8fa;border:1px solid #eceef2;
  border-radius:14px;padding:16px 18px;margin:22px 0 6px}
.cdv-reviewed__ava{flex:none;display:block;width:56px;height:56px;border-radius:50%;overflow:hidden;
  border:2px solid #fff;box-shadow:0 2px 8px rgba(20,26,42,.12);background:#e2efd8}
.cdv-reviewed__ava img{width:100% !important;height:100% !important;max-width:none !important;
  object-fit:cover !important;object-position:center !important;border-radius:50%;display:block;aspect-ratio:1/1}
.cdv-reviewed__main{flex:1;min-width:0}
.cdv-reviewed__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 4px}
.cdv-reviewed__name{font-size:17px;font-weight:700;color:#1f2430 !important;text-decoration:none}
.cdv-reviewed__name:hover{color:#34ab01 !important}
.cdv-reviewed__badge{display:inline-flex;align-items:center;gap:6px;color:#12a150;font-size:13.5px;font-weight:700;white-space:nowrap}
.cdv-reviewed__badge svg{width:16px;height:16px}
.cdv-reviewed__bio{font-size:16px;color:#5b6270;line-height:1.55;margin:0 0 8px}
.cdv-reviewed__more{display:inline-flex;align-items:center;gap:2px;color:#34ab01 !important;font-weight:600;font-size:14px;text-decoration:none}
.cdv-reviewed__more svg{width:15px;height:15px}
.cdv-reviewed__more:hover{text-decoration:underline}
@media(max-width:600px){
  .cdv-reviewed{padding:14px}
  .cdv-reviewed__ava{width:48px;height:48px}
  .cdv-reviewed__top{flex-direction:column;align-items:flex-start;gap:4px}
}

/* ====== Dong bo giao dien BAI VIET DON (single post) voi tong hong ====== */
/* Eyebrow "Blog" + meta (ngay dang, tac gia) xanh -> hong */
.single-post .entry-header .entry-category a,
.single-post .entry-header .posted-on a,
.single-post .entry-header .byline a,
.single-post .entry-header .meta a,
.single-post .entry-header .entry-meta a{color:#34ab01 !important;font-size:14px;font-weight:700;}
.single-post .entry-header .entry-category a:hover,
.single-post .entry-header .posted-on a:hover,
.single-post .entry-header .byline a:hover{color:#277f01 !important}
/* Link trong noi dung bai viet -> hong */
.single-post .entry-content.single-page p a,
.single-post .entry-content.single-page li a,
.single-post .entry-content.single-page h2 a,
.single-post .entry-content.single-page h3 a,
.single-post .entry-content.single-page h4 a{color:#34ab01 !important;text-decoration:none}
.single-post .entry-content.single-page p a:hover,
.single-post .entry-content.single-page li a:hover{color:#277f01 !important;text-decoration:underline}
/* H2 / H3 trong bai -> chu ink + vach hong (thay do do) */
.single-post .entry-content.single-page h2{color:#2e9801 !important;border-left-color:#34ab01 !important;font-size:22px;}
.single-post .entry-content.single-page h3{color:#2e9801 !important;font-size:20px;}
/* Muc luc ez-toc -> the nen nhe + link hong */
.single-post #ez-toc-container{background:#fafbfc !important;border:1px solid #eceef2 !important;border-radius:12px !important;box-shadow:0 4px 14px rgba(20,26,42,.04);margin:25px 0px;}
.single-post #ez-toc-container .ez-toc-title{color:#2e9801 !important;font-weight:500 !important;font-size:19px;}
.single-post #ez-toc-container a{color:#3d4453 !important;text-decoration:none}
.single-post #ez-toc-container a:hover{color:#34ab01 !important}

/* ====== Intro danh mục bài viết (H1 + định nghĩa) ====== */
.cdv-blogcat-intro{margin:6px 0 26px;padding:0 0 18px;border-bottom:1px solid #eceef2;display:none;}
.cdv-blogcat-intro h1{font-size:28px;line-height:1.25;font-weight:700;color:#2e9801;margin:0 0 12px}
.cdv-blogcat-intro p{font-size:15.5px;line-height:1.75;color:#3d4453;margin:0 0 10px}
.cdv-blogcat-intro a{color:#34ab01;font-weight:600}
@media (max-width:600px){.cdv-blogcat-intro h1{font-size:23px}}

/* ====== FAQ danh mục sản phẩm (accordion native <details>) ====== */
.cdv-cfaq{max-width:100%;margin:30px 0 10px}
.cdv-cfaq__title{font-size:22px;font-weight:800;color:#1f2430;margin:0 0 18px;padding:0 0 12px;position:relative;border-bottom:2px solid #e2efd8}
.cdv-cfaq__title:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:#34ab01;border-radius:2px;display:none;}
.cdv-cfaq__item{background:#fff;border:1px solid #eceef2;border-radius:12px;margin:0 0 12px;box-shadow:0 3px 12px rgba(20,26,42,.04);overflow:hidden}
.cdv-cfaq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:15px 20px;font-weight:700;font-size:17px;color:#555;transition:color .15s}
.cdv-cfaq__item summary::-webkit-details-marker{display:none}
.cdv-cfaq__item summary:before{content:"+";flex:none;width:26px;height:26px;border-radius:50%;background:#f2faec;color:#34ab01;display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;line-height:1;transition:.2s}
.cdv-cfaq__item[open] summary:before{content:"\2212";background:#34ab01;color:#fff}
.cdv-cfaq__item summary:hover{color:#34ab01}
.cdv-cfaq__a{padding:2px 20px 18px 58px;color:#3d4453;line-height:1.7}
.cdv-cfaq__a p{margin:0 0 10px}
.cdv-cfaq__a p:last-child{margin:0}
.cdv-cfaq__a ul{margin:6px 0 10px;padding-left:20px}
.cdv-cfaq__a li{margin:0 0 7px;list-style:disc}
.cdv-cfaq__a a{color:#34ab01;font-weight:600}
.cdv-cfaq__a strong{color:#555}
@media(max-width:600px){.cdv-cfaq__title{font-size:19px}.cdv-cfaq__item summary{font-size:15px;padding:13px 15px}.cdv-cfaq__a{padding-left:48px}}

/* ── Thông tin nhanh trên thẻ sản phẩm (danh mục, cửa hàng, tìm kiếm) ──
   Mỗi thuộc tính một hàng, tối đa 4 hàng. */
.cdv-specs{
    list-style:none;
    margin:7px 0 0;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    line-height:1.35;
}
.box-text-left .cdv-specs,
.text-left .cdv-specs{ align-items:flex-start; }
.cdv-spec{
    display:block;
    margin:0;
    padding:3px 10px;
    font-size:11.5px;
    font-weight:500;
    color:#5b6270;
    background:#f4f5f7;
    border:1px solid #e6e8ec;
    border-radius:4px;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.cdv-spec:before{ content:none; }
@media(max-width:549px){
    .cdv-spec{ font-size:10.5px; padding:2px 8px; }
    .cdv-specs{ gap:3px; margin-top:5px; }
}

/* ── Cân bằng chiều cao các thẻ sản phẩm trong lưới ──────────────────
   Flatsome đã cho cột (.col) giãn bằng nhau, nhưng .col-inner và khối có
   bóng đổ .product-small.box bên trong lại co theo nội dung, nên thẻ nào
   nhiều dòng thông tin thì viền tụt xuống thấp hơn hẳn.
   Cho cả chuỗi lồng nhau cùng giãn để mọi khung kết thúc ngang nhau. */
.products.row > .col{
    display:flex;
    flex-direction:column;
}
.products.row > .col > .col-inner{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
}
.products.row > .col > .col-inner > .product-small.box{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
}
/* Ảnh giữ nguyên tỉ lệ, không bị bóp khi thẻ cao lên */
.products.row > .col > .col-inner > .product-small.box > .box-image{
    flex:0 0 auto;
}
/* Phần chữ chiếm hết chỗ trống còn lại */
.products.row > .col > .col-inner > .product-small.box > .box-text{
    flex:1 1 auto;
}

/* ===== Nút gọi hotline thay cho vùng giá (sản phẩm chưa nhập giá) ===== */
.cdv-hotline-wrap{display:block;line-height:1.3}
.cdv-hotline{display:inline-flex;align-items:center;gap:6px;
  background:#34ab01;color:#fff;font-weight:700;font-size:15px;
  padding:7px 14px;border-radius:999px;text-decoration:none;
  transition:background .15s,transform .15s}
.cdv-hotline:hover,.cdv-hotline:focus{background:#277f01;color:#fff;transform:translateY(-1px)}
.cdv-hotline__ico{width:16px;height:16px;flex:none}
.cdv-hotline__label{display:block;font-size:13px;font-weight:400;color:#6b7280;margin:0 0 7px}
/* Trang sản phẩm đơn: nút to hơn */
.cdv-hotline-wrap.is-single .cdv-hotline{font-size:19px;padding:11px 22px}
.cdv-hotline-wrap.is-single .cdv-hotline__ico{width:20px;height:20px}
/* Thẻ sản phẩm trong lưới: canh giữa cho cân với tên sản phẩm */
.product-small .cdv-hotline{font-size:14px;padding:5px 12px}
@media(max-width:549px){
  .cdv-hotline{font-size:13px;padding:5px 11px}
  .cdv-hotline-wrap.is-single .cdv-hotline{font-size:17px;padding:10px 18px}
}
/* Sản phẩm chưa có giá: thẻ giá rỗng vẫn chiếm margin -> bỏ đi cho khít */
.product-summary .price:empty,.entry-summary .price:empty{margin:0!important;display:none}
/* Icon trong khối cam kết của nhà thuốc */
.cdv-camket-ico{width:1.05em;height:1.05em;vertical-align:-0.17em;color:#34ab01;flex:0 0 auto;margin-right:4px}
.hot-offers .hot{display:flex;align-items:flex-start;gap:8px}
.hot-offers .hot .cdv-camket-ico{margin-top:2px;margin-right:0}

/* ===== Căn nút hotline trên thẻ sản phẩm =====
   Chiều cao .box-text đã được cân bằng theo hàng, nhưng nút bám ngay dưới tên
   nên tên dài/ngắn khác nhau làm nút cao thấp lệch (đo được 23px–140px tới đáy).
   Đẩy .price-wrapper xuống đáy để mọi nút trong cùng hàng thẳng một đường. */
.product-small .box-text{display:flex;flex-direction:column}
.product-small .box-text .title-wrapper{flex:1 1 auto}
.product-small .box-text .price-wrapper{flex:0 0 auto;margin-top:auto;padding-top:14px}
.product-small .price-wrapper .price{margin:0;display:block}
/* Theme ghi đè display thành inline-block khiến icon và số tách 2 dòng trên
   màn hình hẹp. Ép lại inline-flex + không cho xuống dòng. */
.cdv-hotline,.product-small .box-text .cdv-hotline{display:inline-flex!important;white-space:nowrap}
@media(max-width:549px){
  .product-small .box-text .cdv-hotline{font-size:12.5px;padding:5px 10px}
}

/* =========================================================================
   TRANG CHỦ — khối hero của Nhà Thuốc Bệnh Viện (22/09/2026)
   Bản cũ dùng 2 ảnh banner bao cao su của Condom Việt. Chưa có ảnh banner
   của nhà thuốc nên dựng bằng CSS + SVG, không mượn ảnh sai ngành.
   ========================================================================= */
.ntbv-hero{padding:22px 0 4px}
.ntbv-hero__box{display:grid;grid-template-columns:1fr 330px;gap:0;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f5fbf0 0%,#eaf6e0 55%,#e3f3d6 100%);border:1px solid #cfe9bd}
.ntbv-hero__main{padding:34px 34px 30px}
.ntbv-hero__eyebrow{display:inline-block;font-size:13px;font-weight:600;color:#4d7a33;background:#fff;border:1px solid #cfe9bd;border-radius:999px;padding:5px 13px;margin-bottom:14px}
.ntbv-hero__title{font-size:38px;line-height:1.15;font-weight:800;color:#277f01;margin:0 0 12px;padding:0}
.ntbv-hero__desc{font-size:16.5px;line-height:1.65;color:#3d4453;margin:0 0 20px;max-width:640px}
.ntbv-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.ntbv-btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15.5px;line-height:1;padding:13px 22px;border-radius:999px;transition:.2s;white-space:nowrap}
.ntbv-btn svg{width:18px;height:18px;flex:none}
.ntbv-btn--main{background:linear-gradient(135deg,#34ab01,#277f01);color:#fff;box-shadow:0 8px 20px rgba(52,171,1,.28)}
.ntbv-btn--main:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(52,171,1,.35)}
.ntbv-btn--ghost{background:#fff;color:#277f01;border:2px solid #cfe9bd}
.ntbv-btn--ghost:hover{color:#34ab01;border-color:#34ab01}
.ntbv-hero__note{font-size:16px;line-height:1.65;color:#6b7280;margin:0;max-width:640px;padding-bottom:15px;}
.ntbv-hero__note strong{color:#277f01}
.ntbv-hero__note a{color:#277f01;font-weight:600;text-decoration:underline}
.ntbv-hero__side{background:rgba(255,255,255,.72);border-left:1px solid #cfe9bd;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.ntbv-hero__item{display:flex;align-items:flex-start;gap:12px}
.ntbv-hero__ic{width:38px;height:38px;flex:none;border-radius:10px;background:linear-gradient(135deg,#34ab01,#277f01);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(52,171,1,.22)}
.ntbv-hero__ic svg{width:20px;height:20px}
.ntbv-hero__txt{font-size:16px;line-height:1.5;color:#6b7280;margin-bottom:20px;}
.ntbv-hero__txt b{display:block;font-size:17px;color:#555;margin-bottom:2px}

/* Danh mục vòng tròn: bản cũ nhét ảnh .webp, bản mới dùng SVG nội tuyến */
.cdv-cat__ic svg{width:56px;height:56px;color:#277f01}
.cdv-cat:hover .cdv-cat__ic svg{color:#34ab01}

/* Ô gọi dược sĩ trong khối KIẾN THỨC (thay ảnh sản phẩm Condom Việt cũ) */
.ntbv-know__call{background:#fff;border:1px solid #cfe9bd;border-radius:12px;padding:18px;margin-left:10px}
.ntbv-know__call span{display:block;font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:8px}
.ntbv-know__call a{display:block;font-size:24px;font-weight:800;color:#34ab01;line-height:1.2}
.ntbv-know__call small{display:block;font-size:12.5px;color:#9aa1ad;margin-top:6px}

@media(max-width:849px){
  .ntbv-hero__box{grid-template-columns:1fr}
  .ntbv-hero__main{padding:26px 22px 22px}
  .ntbv-hero__title{font-size:29px}
  .ntbv-hero__desc{font-size:15.5px}
  .ntbv-hero__side{border-left:0;border-top:1px solid #cfe9bd;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .ntbv-know__call{margin-left:0}
}
@media(max-width:549px){
  .ntbv-hero{padding:14px 0 2px}
  .ntbv-hero__main{padding:22px 16px 18px}
  .ntbv-hero__title{font-size:25px}
  .ntbv-hero__desc{font-size:15px;margin-bottom:16px}
  .ntbv-hero__cta{gap:9px}
  .ntbv-btn{font-size:14.5px;padding:12px 17px;width:100%;justify-content:center}
  .ntbv-hero__side{grid-template-columns:1fr;padding:18px 16px}
  .cdv-cat__ic svg{width:40px;height:40px}
}

/* ===== Bản đồ trên trang Thông tin liên hệ =====
   Nhà thuốc là gian hàng trong Chợ Thuốc Hapulico nên bản đồ trỏ toạ độ chợ.
   Khung tỉ lệ 16/9 để không nhảy layout khi iframe nạp chậm (tránh CLS). */
.ntbv-map{position:relative;width:100%;aspect-ratio:16/9;margin:18px 0 12px;border:1px solid #cfe9bd;border-radius:12px;overflow:hidden;background:#f2faec}
.ntbv-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.ntbv-map__note{font-size:15px;line-height:1.6;color:#6b7280;margin:0 0 14px}
.ntbv-map__btn{display:inline-flex;align-items:center;gap:8px;background:#34ab01;color:#fff!important;font-weight:700;padding:11px 20px;border-radius:999px;text-decoration:none!important;transition:.2s}
.ntbv-map__btn:before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.ntbv-map__btn:hover{background:#277f01;color:#fff!important;transform:translateY(-2px)}
@media(max-width:549px){
  .ntbv-map{aspect-ratio:4/3;margin:14px 0 10px}
  .ntbv-map__note{font-size:14px}
}

/* =========================================================================
   TRANG NỘI DUNG — chính sách, giới thiệu, liên hệ, câu hỏi thường gặp
   Trước đây 14 trang này dùng chung kiểu chữ mặc định của theme: H1 nhạt
   cỡ 30px weight 400, chữ dàn hết 980px nên dòng quá dài, bảng vỡ trên
   điện thoại. Khối dưới đây chỉ áp cho body.ntbv-doc.
   ========================================================================= */
.ntbv-doc .page-wrapper{padding-top:10px}
.ntbv-doc .row-main > .large-12 > .col-inner{max-width:880px;margin-left:auto;margin-right:auto}

/* --- tiêu đề --- */
.ntbv-doc .col-inner h1{
  font-size:34px;line-height:1.25;font-weight:800;color:#277f01;
  margin:6px 0 18px;padding:0 0 14px;position:relative;letter-spacing:-.3px}
.ntbv-doc .col-inner h1:after{
  content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;
  background:#34ab01;border-radius:3px}
.ntbv-doc .col-inner h1 + p{font-size:19px;line-height:1.72;color:#3d4453}
.ntbv-doc .col-inner h2{
  font-size:23px;line-height:1.35;font-weight:700;color:#277f01;
  margin:36px 0 14px;padding:2px 0 2px 14px;border-left:4px solid #34ab01}
.ntbv-doc .col-inner h3{font-size:19px;line-height:1.4;font-weight:700;color:#555;margin:24px 0 10px}

/* --- chữ, danh sách, liên kết --- */
.ntbv-doc .col-inner p{line-height:1.78;margin:0 0 14px}
.ntbv-doc .col-inner ul,.ntbv-doc .col-inner ol{margin:0 0 16px;padding-left:24px}
.ntbv-doc .col-inner li{line-height:1.74;margin:0 0 9px}
.ntbv-doc .col-inner ul > li{list-style:none;position:relative}
.ntbv-doc .col-inner ul > li:before{
  content:"";position:absolute;left:-17px;top:.68em;width:7px;height:7px;
  border-radius:50%;background:#34ab01}
.ntbv-doc .col-inner a{color:#628ff3;font-weight:500;text-decoration:underline;text-underline-offset:2px}
.ntbv-doc .col-inner a:hover{color:#628ff3}
.ntbv-doc .col-inner strong{color:#555}

/* --- bảng: bọc div để cuộn ngang thay vì vỡ khung --- */
.ntbv-doc__bang{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px;
  border:1px solid #dfe3ea;border-radius:10px}
.ntbv-doc__bang table{width:100%;min-width:520px;margin:0;border:0;border-collapse:collapse}
.ntbv-doc__bang th{background:#34ab01;color:#fff;font-size:16px;font-weight:700;text-align:left;
  padding:11px 14px;border:0;white-space:nowrap}
.ntbv-doc__bang td{padding:11px 14px;border:0;border-top:1px solid #eceef2;line-height:1.62;font-size:16.5px}
.ntbv-doc__bang tr:nth-child(even) td{background:#f7faf4}

/* --- thẻ "Thông tin đơn vị" --- */
.ntbv-doc__donvi{background:#f5fbf0;border:1px solid #cfe9bd;border-radius:12px;
  padding:6px 22px 18px;margin:34px 0 18px}
.ntbv-doc .col-inner .ntbv-doc__donvi h2{margin-top:22px;border-left:0;padding-left:0;font-size:20px}
.ntbv-doc .col-inner .ntbv-doc__donvi h2:before{content:"";display:inline-block;width:8px;height:8px;
  border-radius:2px;background:#34ab01;margin-right:9px;vertical-align:middle}
.ntbv-doc__donvi ul{margin-bottom:0}
.ntbv-doc__donvi li{font-size:16.5px;line-height:1.66}

/* --- dòng ngày hiệu lực --- */
.ntbv-doc .col-inner p.ntbv-doc__hieuluc{
  font-size:15px;line-height:1.6;color:#6b7280;background:#fafbfc;
  border-left:3px solid #cfe9bd;border-radius:0 8px 8px 0;padding:11px 16px;margin:22px 0 0}
.ntbv-doc .col-inner p.ntbv-doc__hieuluc em{font-style:normal}

@media(max-width:849px){
  .ntbv-doc .col-inner h1{font-size:28px}
  .ntbv-doc .col-inner h1 + p{font-size:17.5px}
  .ntbv-doc .col-inner h2{font-size:20.5px;margin-top:30px}
  .ntbv-doc .col-inner h3{font-size:18px}
  .ntbv-doc__donvi{padding:6px 16px 16px}
}
@media(max-width:549px){
  .ntbv-doc .col-inner h1{font-size:25px;margin-bottom:14px}
  .ntbv-doc .col-inner p,.ntbv-doc .col-inner li{font-size:16.5px}
  .ntbv-doc .col-inner h1 + p{font-size:17px}
}

/* =========================================================================
   GIỎ HÀNG & THANH TOÁN — WooCommerce Blocks
   Hai trang này dùng khối Gutenberg (wp:woocommerce/cart, /checkout) chứ
   KHÔNG dùng shortcode cổ điển, nên mọi CSS .woocommerce-cart .checkout-button
   ở trên không chạm tới. WooCommerce Blocks trông chờ theme khai nút trong
   theme.json; Flatsome là theme cổ điển nên không có → nút "Tiến hành thanh
   toán" mất nền, rơi về màu link xanh dương #3662df, nhìn như chữ thường.
   ========================================================================= */

/* --- Nút chính: tiến hành thanh toán / đặt hàng --- */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  display:flex;align-items:center;justify-content:center;width:100%;
  background:linear-gradient(135deg,#34ab01,#277f01)!important;
  color:#fff!important;border:0!important;border-radius:999px!important;
  font-size:17px!important;font-weight:700!important;line-height:1.2;
  min-height:54px;padding:15px 26px!important;text-decoration:none!important;
  box-shadow:0 8px 20px rgba(52,171,1,.28);transition:.2s}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{
  background:#277f01!important;color:#fff!important;transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(52,171,1,.34)}
.wc-block-cart__submit-button:focus-visible,
.wc-block-components-checkout-place-order-button:focus-visible{
  outline:3px solid #cfe9bd;outline-offset:2px}

/* Nút phụ (áp mã giảm giá…) */
/* Loại trừ cả 2 nút chính, nếu không quy tắc này đứng sau sẽ đè mất gradient. */
.wc-block-components-totals-coupon__button,
.wc-block-components-button.contained:not(.wc-block-cart__submit-button):not(.wc-block-components-checkout-place-order-button){
  background:#34ab01!important;color:#fff!important;border:0!important;
  border-radius:999px!important;font-weight:700}
.wc-block-components-totals-coupon__button:hover,
.wc-block-components-button.contained:not(.wc-block-cart__submit-button):not(.wc-block-components-checkout-place-order-button):hover{
  background:#277f01!important}

/* --- Cột tổng tiền bên phải --- */
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-cart__sidebar{background:#f7faf4;border:1px solid #cfe9bd;border-radius:14px;padding:20px 22px}
.wc-block-cart__totals-title{font-size:15px!important;font-weight:700!important;color:#277f01!important;
  letter-spacing:.4px;padding-bottom:12px;border-bottom:1px solid #dfeed3;margin-bottom:6px}
.wc-block-components-totals-wrapper{border-top-color:#e2efd8!important}
.wc-block-components-totals-item__label{color:#3d4453}
.wc-block-components-totals-item__value{font-weight:700;color:#1f2430}
.wc-block-components-totals-footer-item{border-top:1px solid #dfeed3;padding-top:14px}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-size:17px;font-weight:700;color:#1f2430}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:22px;color:#34ab01}
.wc-block-components-panel__button{color:#277f01!important;font-weight:600}

/* --- Danh sách sản phẩm trong giỏ --- */
.wc-block-cart-items{border:1px solid #eceef2;border-radius:14px;overflow:hidden}
/* Quy tắc chung "th {background:#34ab01;color:#fff}" ở đầu tệp làm chữ tiêu đề
   cột thành màu TRẮNG trên nền xanh nhạt -> mất hút. Khai lại rõ ràng. */
.wc-block-cart-items__header{background:#f2faec;border-bottom:1px solid #e2efd8}
.wc-block-cart-items__header th{background:transparent!important;color:#4d7a33!important;
  font-size:13px!important;font-weight:700!important;letter-spacing:.4px;text-transform:uppercase;
  padding:12px 14px!important}
.wc-block-cart-item__image img{border:1px solid #eceef2;border-radius:10px}
.wc-block-components-product-name{color:#1f2430!important;font-weight:600;text-decoration:none!important}
.wc-block-components-product-name:hover{color:#34ab01!important}
.wc-block-cart-item__total .wc-block-components-product-price__value{font-weight:700;color:#34ab01}
.wc-block-components-quantity-selector{border-radius:999px!important;overflow:hidden;border-color:#cfe9bd!important}
.wc-block-components-quantity-selector__button{color:#277f01!important;font-weight:700}
.wc-block-components-quantity-selector__button:hover{background:#f2faec!important}
.wc-block-cart-item__remove-link{color:#8a9099!important;text-decoration:underline}
.wc-block-cart-item__remove-link:hover{color:#cc0000!important}

/* --- Trường nhập trong giỏ & thanh toán --- */
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=tel],
.wc-block-components-totals-coupon__input input{border-radius:10px!important}
.wc-block-components-text-input input:focus,
.wc-block-components-totals-coupon__input input:focus{
  border-color:#34ab01!important;box-shadow:0 0 0 3px rgba(52,171,1,.12)!important;outline:none!important}

@media(max-width:849px){
  .wc-block-cart__sidebar{padding:16px}
  .wc-block-cart__submit-button,
  .wc-block-components-checkout-place-order-button{font-size:16px!important;min-height:50px}
}

/* Ô chọn Quốc gia trên trang thanh toán: cửa hàng chỉ bán trong nước nên
   ô này luôn là "Việt Nam". WooCommerce Blocks vẫn dựng ô dù chỉ có một lựa
   chọn và không có cờ tắt, nên ẩn bằng CSS. Giá trị vẫn được gửi lên. */
.wc-block-checkout .wc-block-components-country-input,
.wc-block-checkout .wc-block-components-state-input{display:none!important}
/* Ô "Sử dụng cùng địa chỉ cho thanh toán": nhà thuốc chỉ giao COD tới đúng
   địa chỉ nhận, không có hoá đơn gửi nơi khác. Ô này mặc định đã tick, ẩn đi
   thì địa chỉ thanh toán luôn bằng địa chỉ giao — đỡ một bước cho khách. */
.wc-block-checkout__use-address-for-billing{display:none!important}

/* =========================================================================
   WIDGET "SẢN PHẨM" Ở CỘT BÊN — làm gọn lại
   Đa số sản phẩm chưa nhập giá nên mỗi dòng đều mọc một nút hotline nền xanh;
   8 dòng là 8 nút giống hệt nhau xếp chồng, át cả tên thuốc. Ở đây thu 8 nút
   đó thành dòng chữ nhỏ, và đặt đúng MỘT nút thật ở cuối widget.
   ========================================================================= */
.post-sidebar .widget .widget-title,
#product-sidebar .widget .widget-title,
.post-sidebar .widget .widgettitle,
#product-sidebar .widget .widgettitle{
  background:linear-gradient(135deg,#34ab01,#277f01)!important;
  display:flex!important;align-items:center;gap:9px;font-size:14.5px!important;letter-spacing:.6px}
.post-sidebar .widget .widget-title:before,
#product-sidebar .widget .widget-title:before,
.post-sidebar .widget .widgettitle:before,
#product-sidebar .widget .widgettitle:before{
  content:"";width:17px;height:17px;flex:none;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.2' y='8.4' width='19.6' height='7.2' rx='3.6' transform='rotate(-45 12 12)'/%3E%3Cpath d='M8.5 8.5l7 7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.2' y='8.4' width='19.6' height='7.2' rx='3.6' transform='rotate(-45 12 12)'/%3E%3Cpath d='M8.5 8.5l7 7'/%3E%3C/svg%3E") center/contain no-repeat}

/* Dòng sản phẩm gọn hơn, có nền khi rê chuột */
.post-sidebar .product_list_widget li,
#product-sidebar .product_list_widget li{
  padding:10px 8px 10px 70px!important;min-height:66px;border-radius:10px;
  border-bottom:1px dashed #edf0ea!important;transition:background .18s;margin:0 -8px!important}
.post-sidebar .product_list_widget li:hover,
#product-sidebar .product_list_widget li:hover{background:#f7faf4}
.post-sidebar .product_list_widget li a img,
#product-sidebar .product_list_widget li a img{
  left:8px;top:10px;width:54px!important;height:54px!important;border-radius:9px!important}
.post-sidebar .product_list_widget li a .product-title,
#product-sidebar .product_list_widget li a .product-title{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:16px!important;line-height:1.42;color:#42aa27 !important}

/* 8 nút hotline -> dòng chữ nhỏ */
.post-sidebar .product_list_widget .cdv-hotline-wrap,
#product-sidebar .product_list_widget .cdv-hotline-wrap{margin-top:3px}
.post-sidebar .product_list_widget .cdv-hotline,
#product-sidebar .product_list_widget .cdv-hotline{
  background:transparent!important;color:#4d7a33!important;box-shadow:none!important;
  padding:0!important;font-size:12.5px!important;font-weight:600!important;gap:5px;transform:none!important}
.post-sidebar .product_list_widget .cdv-hotline:hover,
#product-sidebar .product_list_widget .cdv-hotline:hover{color:#34ab01!important;text-decoration:underline}
.post-sidebar .product_list_widget .cdv-hotline__ico,
#product-sidebar .product_list_widget .cdv-hotline__ico{width:13px;height:13px}
.post-sidebar .product_list_widget .cdv-hotline__label,
#product-sidebar .product_list_widget .cdv-hotline__label{display:none}

/* Một nút gọi duy nhất ở cuối widget */
.ntbv-wcta{padding:14px 16px 18px;border-top:1px solid #edf0ea;background:#f7faf4;text-align:center}
.ntbv-wcta__note{margin:0 0 9px;font-size:13.5px;color:#6b7280;line-height:1.5}
.ntbv-wcta__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;
  background:linear-gradient(135deg,#34ab01,#277f01);color:#fff!important;font-weight:700;font-size:14.5px;
  padding:11px 16px;border-radius:999px;text-decoration:none!important;white-space:nowrap;
  box-shadow:0 6px 16px rgba(52,171,1,.24);transition:.2s}
.ntbv-wcta__btn svg{width:15px;height:15px;flex:none}
.ntbv-wcta__btn:hover{background:#277f01;color:#fff!important;transform:translateY(-2px)}
/* Cột bên chỉ rộng ~220px, nhãn dài làm nút tràn chữ -> cho phép co lại */
.ntbv-wcta__btn{font-size:15.5px;letter-spacing:.2px;padding:11px 12px}
@media(max-width:1199px){.ntbv-wcta__btn{font-size:14.5px}}