/*
Theme Name: Milk
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

.header-main .nav>li>a {
  color:white;
  padding:10px 20px;
  font-size:18px;
  text-align:center;
  line-height:21px
}
.header-main li {
  margin:0 3px
}
.thuong-hieu-1 .row1 .large-12 .col-inner {
  font-style:italic;
  border-radius:85px;
  border:2px dashed #00b6f0;
  padding:30px;
  line-height:1.6;
  font-size:20px
}
.thuong-hieu-1 .row1 .large-12 .col-inner p {
  margin-bottom:0
}
.thuong-hieu-2 {
  background-image:url(/wp-content/uploads/2022/10/bg-cc-3.png);
  background-size:cover;
  background-position-y:top
}
.thuong-hieu-2 {
  margin-top:-130px;
  padding-top:450px !important
}

.header-button a {
  height:3.5em;
  line-height:3.5em;
  background:white !important;
  min-width:3.5em !important;
  color:#030282 !important
}
.header-button a:hover {
  background:#030282 !important;
  color:white !important
}

.nav-dropdown>li>a {
  display:block;
  font-weight:bold;
  color:black
}
.nav-dropdown>li>a:hover {color:#0a06d5}
.slider-nav-light .flickity-prev-next-button .arrow {fill:var(--fs-color-primary)}
.ocean {
  width:100%;
  position:absolute;
  left:0;
  background:#fff;
  z-index:9
}
.stuck .header-nav-main.nav-right {padding:4px 12px}
.stuck .header-main .nav>li>a {padding:10px 15px}
.button.open-video {
  background:#2196f3;
  border:10px solid #c9eeff;
  width:100px;
  height:100px
}
.button.open-video:hover {
  transform:scale(1.14)
}
.img01 {
  bottom:-200px;
  left:100%;
  position:absolute;
  -webkit-animation:moveclouds 60s linear infinite;
  -moz-animation:moveclouds 60s linear infinite;
  -o-animation:moveclouds 60s linear infinite
}
.footer1 h3 {
  font-size:22px;
  color:#00b3ed
}
.footer1 ul li {
  margin-bottom:2px;
  list-style:none;
  margin-left:0
}
.footer1 ul li a,.footer1 p {
  font-size:22px;
  color:#000000
}
.social-icons span {
  color:#030282;
  font-weight:700
}
.footer1 .icon-box .icon-inner {
  background:#4abff4;
  border-radius:99%;
  padding:11px;
  max-width:53.37px;
  height:53.37px;
  line-height:25px
}
.absolute-footer {
  display:none
}
a.back-to-top {
  background:#03a9f4 !important;
  color:white !important;
  border:none !important
}
.footer1 ul li a:hover {
  color:#030282
}
.footer1 .icon-box .icon-box-text {
  font-weight:bold;
  padding-left:10px;
  color:#030282;
  font-size:22px
}
.footer1 .icon-box .icon-box-text p {color:#030282 !important}
/*variable speed,opacity,and position of clouds for realistic effect*/
.img02 {
  bottom:-200px;
  position:absolute;
  left:0;
  -webkit-animation:moveclouds 60s linear infinite;
  -moz-animation:moveclouds 60s linear infinite;
  -o-animation:moveclouds 60s linear infinite
}
@-webkit-keyframes moveclouds {
  0% {margin-left:-1000px}
  100% {margin-left:-2000px}
}
@-moz-keyframes moveclouds {
  0% {margin-left:-1000px}
  100% {margin-left:-2000px}
}
@-o-keyframes moveclouds {
  0% {margin-left:-1000px}
  100% {margin-left:-2000px}
}
.chuyen-gia .button.open-video,.video-kham-pha .button.open-video {
  background:#ffffffe8;
  border:5px solid #c9eeff;
  width:80px;
  height:80px;
  line-height:68px;
  font-size:27px
}
.list-post .post-item .col-inner,.blog-archive .post-item .col-inner {
  background:white;
  padding:20px;
  border-radius:20px
}
.list-post .post-item .image-cover,.blog-archive .post-item .image-cover {
  border-radius:25px
}
.box-blog-post .is-divider {
  display:None
}
.list-post .post-item .post-meta,.blog-archive .post-item .post-meta {
  font-size:16px;
  color:#393e46
}
.blog-archive .post-item .post-title {
  margin-bottom:10px
}
.list-post .post-item .from_the_blog_excerpt,.blog-archive .post-item .from_the_blog_excerpt {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-size:20px;
  height:49px;
  overflow:hidden;
  line-height:25px
}
.list-post .post-item .post-title,.blog-archive .post-item .post-title {
  line-height:25px;
  font-size:22px;
  color:#00b3ed;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  height:50px
}
.list-post .post-item .box-text,.blog-archive .post-item .box-text {
  padding-bottom:0
}
.chuyen-gia {
  padding-bottom:215px !important
}
.chuyen-gia .large-4 .col-inner {
  min-height:465px;
  background:white;
  border-radius:20px
}
.chuyen-gia h4 {
  font-size:18px;
  color:#030282;
  font-weight:600;
  padding:16px 20px
}
.chuyen-gia a.button {margin:0 0 15px 20px}
.chuyen-gia .banner,.chuyen-gia .banner .banner-inner .banner-bg {
  border-top-left-radius:20px;
  border-top-right-radius:20px
}
.video-banner,.video-banner .banner-bg {
  border-radius:20px
}
.video-kham-pha .button.open-video {
  width:55px;
  height:55px;
  line-height:55px
}
.video-banner {
  z-index:-1
}
.video-kham-pha h4 {
  padding:20px;
  background-image:linear-gradient(transparent,#000000b5);
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  font-size:27px;
  color:white;
  margin-top:-100px;
  line-height:30px
}
.chuyen-gia .button.open-video i,.video-kham-pha .button.open-video i {color:#03a9f4}
.chuyen-gia-1 {padding-top:210px !important}
.chuyen-gia-1 .img01,.chuyen-gia-1 .img02 {
  bottom:-355px
}
.icon-box-chuyen-gia .icon-box-text {
  padding-top:60px
}
.chuyen-gia-1 {
  padding-bottom:350px !important
}
.img04 {margin-top:-245px}
.mua-hang-1 {
  padding-bottom:0 !important
}
.mua-hang-1 .row1 {
  margin-bottom:-100px
}
.mua-hang-1 .slider .flickity-page-dots {
  bottom:-40px
}
.mua-hang-1 .flickity-page-dots .dot {background:#a2e2ff}
.mua-hang-1 .flickity-page-dots .dot.is-selected {border:3px solid #afe6ff}
.nut-xem-them-trang {border:3px solid white !important}
.blog-single .entry-content {
  padding-top:0;
}
.section6 {padding-bottom:292px !important}
.section6:after {
  bottom:0
}
.blog-archive .post-item .box-text {
  padding-top:20px
}
.list-post .post-item .button,.blog-archive .post-item .button {
  text-transform:none;
  letter-spacing:0;
  font-size:20px;
  color:#00b3ed;
  margin:0;
  font-weight:500;
  background:none;
  border:none;
  padding:0;
  margin:0;
  min-width:10px
}
.slider-tin-tuc .img01,.slider-tin-tuc .img02 {
  bottom:-2px
}
.slider-tin-tuc .slider {
  z-index:99
}
.slider-tin-tuc {
  padding-bottom:0px !important
}
.section8 .flickity-prev-next-button svg,.slider-tin-tuc .flickity-prev-next-button svg {
  background:white;
  color:#03a9f4;
  fill:#03a9f4 !important
}
.nut-xem-them {
  z-index:99
}
.section9 h2 {
  font-size:40px;
  color:#00b3ed
}
.img05 {
  position:absolute;
  top:-20px;
  left:-100px;
  bottom:0
}
.section9 {background:linear-gradient(to bottom,white,#f9fcfc)}
.img05 .img-inner {
  width:1280px
}
.accordion-title {
  text-align:left
}
.xem-tra-loi {
  position:absolute;
  right:30px;
  margin:0;
  background:white;
  border-radius:25px;
  font-size:16px;
  top:18px
}
.accordion-title.active {
  background:none;
  font-weight:normal;
  font-size:20px;
  color:black !important
}
.accordion-inner {
  padding:0 30px 5px 40px;
  text-align:left;
  font-size:19px
}
.accordion-item {
  margin-bottom:15px;
  border-radius:16px;
  background-color:#cbeeff
}
.accordion-title {
  position:relative;
  font-size:20px;
  padding:23px 190px 23px 30px;
  padding-left:38px;
  border-top:none
}
.footer1 .col {
  padding-bottom:0
}
.footer1 ul {
  margin-bottom:0
}
.mua-hang-2 {
  padding-top:150px !important
}
.mua-hang-2 .tabbed-content ul li {
  width:33.33%;
  text-align:center
}
.mua-hang-2 .tabbed-content ul li a {
  min-height:275px;
  text-transform:none;
  font-size:26px;
  color:#00b3ed;
  line-height:31px;
  display:block
}
.mua-hang-2 .tabbed-content ul li:nth-child(1) a {
  background-image:url(/wp-content/uploads/2022/10/img001.png);
  background-size:150px;
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:20px;
  padding-top:185px
}
.mua-hang-2 .tabbed-content ul li:nth-child(2) a {
  background-image:url(/wp-content/uploads/2022/10/ing002.png);
  background-size:150px;
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:20px;
  padding-top:185px
}
.mua-hang-2 .tabbed-content ul li:nth-child(3) a {
  background-image:url(/wp-content/uploads/2022/10/img003.png);
  background-size:150px;
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:20px;
  padding-top:185px
}
.mua-hang-2 .tabbed-content ul li.active a {
  text-transform:none;
  font-size:26px;
  color:white;
  background-color:#039ae1;
  width:100%;
  display:block;
  text-align:center
}
.mua-hang-2 .tabbed-content .nav {
  padding-bottom:25px;
  border-bottom:2px solid #c0ebff;
  margin-bottom:26px
}
.mua-hang-2 {background-image:linear-gradient(white 50%,#ace5ff)}
.mua-hang-2 .box {
  min-height:332px;
  border-radius:16px;
  background-color:#ffffff;
  padding:35px
}
.mua-hang-2 .row2 {
  background:white;
  padding:20px;
  width:1000px !important;
  margin:0 auto !important;
  border-radius:20px
}
.mua-hang-2 .row2 .col {
  padding-bottom:0
}
.mua-hang-2 .icon-box {
  background:white;
  padding:20px;
  border-radius:20px
}
.mua-hang-2 .icon-box img {
  padding-top:0;
  border-radius:99%
}
.mua-hang-2 .icon-box h3 {
  color:#030282
}
.mua-hang-2 .icon-box p {
  color:#03a9f4;
  font-weight:bold
}
.list-post2 .post-item .button {
  background:#00b3ed;
  color:white;
  font-weight:bold;
  font-size:17px;
  border-radius:20px;
  margin-top:15px
}
.list-post2 .post-item .box-text {
  padding-bottom:10px
}
.list-post3 .post-item .col-inner {
  border-radius:32px;
  background-color:#effdff;
  padding:11px 14px
}
.list-post3 .post-item .box-text {
  padding:0 0 0 15px;
  background:none
}
.list-post3 .post-item .image-cover {
  border-radius:22px
}
.list-post3 .post-item .post-title {
  color:#00b3ed;
  font-size:20px
}
.list-post3 .post-item .button {
  color:#00b3ed;
  font-size:16px;
  text-transform:none;
  margin:0
}
.bai-viet-section:before {
  width:100%;
  content:'';
  display:block;
  height:500px;
  bottom:0px;
  left:0;
  position:absolute;
  background:url(/wp-content/uploads/2022/10/bg-sec5.png);
  background-size:cover;
  background-position-y:-150px
}
.bai-viet-section h2,.bai-viet-2 h2,.video-kham-pha h2 {
  font-size:40px
}
.bai-viet-section .large-12,.bai-viet-2 .large-12 {
  padding-bottom:0
}
.bai-viet-section .xem-tin-tuc,.bai-viet-2 .xem-tin-tuc {
  border-radius:99px;
  margin:0;
  position:absolute;
  top:0;
  right:0;
  text-transform:none;
  letter-spacing:0;
  font-size:23px
}
.bai-viet-2 .xem-tin-tuc {
  color:white
}
.list-post3 .post-item {
  padding-bottom:20px
}
.mua-hang-2 .box .box-image {
  position:absolute;
  top:-28px
}
.mua-hang-2 .box .box-text {
  padding-right:0;
  padding-left:225px;
  padding-top:0
}
.video-kham-pha {background-image:linear-gradient(#c1f1ff,white 10%,#c1f1ff)}
.mua-hang-2 .box h3 {
  font-size:25px;
  color:#030282
}
.mua-hang-2 .box p {
  color:#039ae1;
  font-size:17px;
  line-height:26px
}
.bai-viet-2 {background-image:linear-gradient(#2dc2ef,#c1f1ff 80%)}
.bo-san-pham {
  padding-bottom:60px !important
}
.img06 {
  margin-top:-350px
}
.cam-nhan-section {
  background:url(/wp-content/uploads/2022/10/bg-cn2.png) no-repeat top center;
  background-size:cover
}
.cam-nhan-section .box {
  PADDING:20PX;
  BORDER-RADIUS:20PX;
  BACKGROUND:WHITE
}
.cam-nhan-section .box .box-text {padding:30px 15px}
.cam-nhan-section .box .box-text p {
  color:black;
  font-size:19px;
  line-height:26px
}
.cam-nhan-section .box h4 {
  text-align:left;
  color:#03a9f4;
  font-size:18px;
  margin-top:30px
}
.cam-nhan-section .box .box-text::before {
  content:'';
  display:block;
  width:58px;
  height:58px;
  background:url(/wp-content/uploads/2022/10/quote_share_by_mom.png) no-repeat center;
  background-size:100%;
  position:absolute;
  top:-33px;
  left:11px;
  z-index:2
}
.giac-ngu-2 .icon-box h3 {
  color:#00b3ed;
  text-transform:uppercase;
  font-size:20px;
  line-height:26px
}
.giac-ngu-2 .icon-box {
  min-height:340px;
  padding:20px;
  border-radius:20px;
  border:2px solid #efefef
}
.giac-ngu-2 .icon-box:hover {border:2px solid #57cbff}
.list-post4 .post-item .post-title {
  color:#00b3ed;
  font-size:20px
}
.list-post4 .post-item .button {
  text-transform:none;
  font-size:18px;
  font-weight:normal;
  color:#00b3ed;
  margin:0
}
.list-post4 .post-item {
  padding-bottom:0
}
.giac-ngu-2 .box .box-image {
  border-radius:25px
}
.giac-ngu-2 .box h4 {
  font-size:35px
}
.anh-dau-trang {
  width:100%
}
.product-info .product-short-description {font-size:16px}
.quantity .button.minus,.quantity .button.plus {
  width:40px !important;
  height:40px !important;
  min-height: 40px;
  border:1px solid #3f51b5 !IMPORTANT;
  border-radius:99% !important;
  line-height: 0 !important;
  font-size: 24px;
  color:#3f51b5;
}
.quantity input[type=number] {
  max-width:60px;
  text-align:center;
  width:60px !important;
  height:40px;
  border-radius:30px !important;
  box-shadow:none;
  border:1px solid #3f51b5;
  margin:0 5px
}
.product-info form .button {border-radius:25px}
.view-more-button:hover {
  box-shadow:none;
  background:#03a9f4;
  color:white
}
.view-more-button {
  border:2px solid #03a9f4;
  border-radius:30px;
  background:white;
  color:#03a9f4
}
.product-info h1.product-title {
  font-size:32px;
  color:#00b3ed
}
.section06 {
  padding-bottom:30px !important
}
.giac-ngu-2 .icon-box .icon {
  display:flex;
  justify-content:center;
  width:150px;
  height:150px
}
.product-footer .woocommerce-tabs {
  border-top:0;
  padding:0
}
.woocommerce-tabs ul li a {
  font-size:14px;
  height:46px;
  line-height:46px;
  border-radius:15px 15px 0 0;
  background-color:#adecff;
  color:#3ec8f4;
  display:block;
  text-transform:uppercase;
  padding:0 50px;
  min-width:262px;
  text-align:center;
  font-weight:700;
  border:none
}
.woocommerce-tabs ul li.active a {
  color:white;
  background-color:#3ec8f4
}
.woocommerce-tabs .nav {border-bottom:3px solid #adecff}
.wp-caption .wp-caption-text {
  background:none;
  font-size:15px;
  font-style:normal;
  padding:0.4em;
  color:gray
}
.blog-archive .post-item a:hover {
  color:black
}
.bai-viet-lien-quan h3 {
  padding:0 15px;
  font-size:30px;
  text-transform:uppercase;
  color:#03a9f4;
  margin-top:35px
}
.shop_table thead th {
  border-width:3px;
  text-transform:none;
  font-size:19px;
  letter-spacing:0
}
.cart_totals th.product-name {
  text-transform:none;
  letter-spacing:0;
  font-size:19px
}
.cart_totals .button {border-radius:20px}
.woocommerce-cart-form .shop_table {
  background:#e4f7ff;
  padding:30px;
  border-radius:20px
}
.cart-collaterals {
  border-left:none !important
}
.woocommerce-checkout .has-border {
  padding:15px 30px 30px;
  background:white;
  border-radius:20px
}
#customer_details {
  background:#e6f7ff;
  padding:30px;
  border-radius:20px
}
.woocommerce-billing-fields {
  border-top:0;
  padding-top:0
}
form.checkout h3 {
  padding-top:0px;
  text-transform:none;
  font-size:25px;
  color:#03a9f4
}
.woocommerce-checkout .has-border {
  margin-bottom:30px
}
.coupon button {
  border-radius:20px;
  margin-left:10px
}
.form-row #place_order {
  border-radius:20px
}
.woocommerce-billing-fields__field-wrapper input,.woocommerce-additional-fields__field-wrapper textarea {
  border-radius:20px;
  box-shadow:none;
  border:none
}
.checkout_coupon input {
  border-radius:20px
}
.cart-sidebar {
  border:2px solid #03a9f4;
  padding:30px;
  border-radius:20px;
  background:white
}
.woocommerce-page #main {
  padding-bottom:30px; /* background-image:linear-gradient(white 80%,#e4f7ff); */
}
.bai-viet-lien-quan {
  padding-bottom:60px;
  background:url(/wp-content/uploads/2022/10/bg-sec5.png) bottom center no-repeat;
  background-size:cover
}
.blog-archive .bai-viet-lien-quan {
  display:none
}
.woocommerce-tabs .tab-panels img,.blog-single .entry-content img {border-radius:20px}
.woocommerce-tabs .tab-panels h3 {color:#1b2d90}
.woocommerce-tabs .tab-panels {
  font-size:20px
}
#comments {
  max-width:850px;
  margin:0 auto
}
#comments .comment-respond {
  font-size:20px;
  background-color:#f5fcff;
  padding:30px;
  border:2px solid #03a9f4;
  border-radius:20px
}
form {margin-bottom:0}
.blog-single .entry-content h2 {
  font-size:25px;
  color:#2236a4
}
.blog-single .entry-content h3 {font-size:24px}
.blog-single .entry-content h4 {font-size:23px}
.blog-single .entry-content h5 {font-size:22px}
.blog-single .entry-content h5 {font-size:21px}
.comment-respond .form-submit input[type=submit] {
  border-radius:20px;
  margin:0
}
.bai-viet-lien-quan .post-item a {
  color:black
}
.woocommerce-tabs .tab-panels {
  background:none;
  border:none
}
.product-info .price span.amount {
  color:#BA0F4F;
  font-size:32px
}
.single-product .accordion-item {background-color:#ffffffb5}
.is-divider {
  display:none
}
.blog-single .entry-category {
  /* text-align:center; */
  font-size: 16px;
}
.blog-single .entry-title {
  text-transform:uppercase;
  font-size:40px;
  color: var(--fs-color-primary);
}
.checkout-page-title {
  padding-top:0 !important
}
.page-title-inner {padding-top:0}
.blog-archive .post-item:hover img {transform:scale(1.14)}
.checkout-breadcrumbs a {
  text-transform:none;
  font-weight:bold;
  font-size:30px
}
.checkout-page-title .breadcrumbs {
  margin-bottom:20px
}
.breadcrumbs a.current,.breadcrumbs a:hover {color:#03a9f4}
.blog-archive {
  background-image:linear-gradient(white 50%,#aae4ff)
}
.blog-archive .page-title {
  line-height:58px;
  font-size:40px;
  color:#00b3ed;
  letter-spacing:0
}
.single-product .xem-tra-loi {
  background:#03a9f4;
  color:white
}
.product-footer {
  background-size:cover;
  background-image:url(/wp-content/uploads/2022/10/bg-sec5.png)
}
/*BI*/
.home_ss h2 {font-size:32px}
.home_ss2 {background:linear-gradient(#FFFFFF, #ffffff, #d1ecf8)}
.home_ss2 .item .box-image img {
  width:auto;
  margin-left:0
}
.home_ss2 .item .box-image .image-cover {
  padding-top:0 !important;
  margin-bottom:8px;
  margin-top:12px;
  height:60px
}
.home_ss2 .item .box-text h3 {margin-bottom:8px}
.home_ss2 .large-12 p {
  display:inline-block;
  padding:.65rem 2rem;
  border:3px solid;
  margin-top:1rem;
  border-radius:2rem;
  color:#0086ec;
  background:linear-gradient(0deg, #F7DE7C 11.9%, #FFF3A5 100%)
}
.home_ss3 {
  padding-top:60px !important
}
.home_ss3 .large-3 .col-inner .box {
  background:linear-gradient(25deg, #0a76f2 0%, #0098ff 100%);
  border-radius:1.1rem;
  padding:1.1rem;
  min-height:24.75rem;
  height:100%
}
.home_ss3 .large-3 .col-inner .icon-box-text {color:#fff}
.home_ss3 .large-3 .col-inner .icon-box-text h3 {
  color:#fff;
  font-size:18px
}
.home_ss3 .large-3 .col-inner .icon-box-text p {
  font-size:15px;
  margin-bottom:0
}
.home_ss3 .icon-box-img {
  height:60px;
  margin-bottom:16px;
  margin:0 auto 16px
}
.home_ss3 .icon-box-img * {
  height:inherit;
  width:auto
}
.home_ss3 h2, .home_ss4 h2, .home_ss5 h2, .home_ss9 h2,.spdx h5 {
  font-size:40px;
  background:#0a76f2;
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-stroke:0px white;
  position:relative;
  display:flex;
  justify-content:space-around;
  text-transform:uppercase
}
.home_ss3 h2:before, .home_ss4 h2:before, .home_ss5 h2:before, .home_ss9 h2:before,.spdx h5:before {
  content:attr(data-text);
  position:absolute;
  top:2px;
  z-index:-1;
  color:transparent;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-stroke:2px #ffffff;
  text-shadow:3px -1px 1px #c6c6c6, 4px 1px 2px rgb(190 179 57)
}
.home_ss4 h2 {
  text-transform:none;
  width:50%;
  margin:0 auto 16px
}
.home_ss4 .large-12 .text p {
  width:60%;
  margin:0 auto 30px;
  font-size:18px
}
.home_ss4 .slider .box {
  display:flex;
  align-items:center;
  gap:40px
}
.home_ss4 .slider .box-vertical .box-image {
  order:2;
  flex-basis:50%;
  max-width:50%
}
.home_ss4 .slider .box-vertical .box-text {
  order:1;
  flex-basis:50%;
  max-width:50%
}
.home_ss4 .slider .box-vertical .box-text h3 {
  color:#F57806;
  font-size:24px;
  font-weight:900;
  margin-bottom:8px
}
.home_ss4 .slider .box-vertical .box-text p {font-size:16px}
.home_ss4 .section {padding:0}
.home_ss4 .large-12,.home_ss4 .large-12 .box-text {padding:0}
.home_ss4 button.flickity-button {
  top:auto;
  bottom:60px
}
.home_ss4 button.flickity-button.next {
  right:auto;
  left:100px
}
.home_ss4 button.flickity-button svg {border:2px solid var(--fs-color-primary)}
.wpDataTableContainerSimpleTable {
  max-height:480px;
  overflow-y:auto;
  border-radius:8px
}
.home_ss5 h2 {
  margin-bottom:30px;
  text-transform:none
}
.home_ss5 table.wpdtSimpleTable thead th {
  position:sticky;
  top:0;
  background-color:#f8fafc;
  z-index:2;
  box-shadow:inset 0 -1px 0 #e2e8f0
}
.home_ss5 table thead tr {
  background:#0a76f2 !important;
  color:#fff;
  font-size:16px;
  font-weight:600
}
.home_ss5 table thead tr th {background:#0a76f2 !important}
.home_ss6 h2 {
  background:linear-gradient(90deg, #0a76f2 0%, #0098ff 100%) !important;
  color:#fff;
  width:fit-content;
  margin:0 auto;
  font-size:18px;
  font-weight:500;
  padding:8px 24px;
  border-radius:25px;
  margin-top:-20px;
  margin-bottom:20px
}
.home_ss6 .large-12 .col-inner {
  border:2px solid #469AD4;
  border-radius:24px;
  padding:0 40px 40px;
  position:relative
}
.home_ss6 .icon-box {
  margin-bottom:16px;
  align-items:center;
  width:84%
}
.home_ss6 .icon-box-img img {border-radius:100%}
.home_ss6 .icon-box:nth-child(6) {margin-bottom:0}
.home_ss6 .row:first-child .img {
  position:absolute;
  right:-20px;
  top:40px
}
.home_ss6 .row:first-child .img img {width:70%}
.bg-gradient {background:linear-gradient(#FFFFFF, #72c4f8, #ffffff, #72c4f8)}
.home_ss7 .row.align-center {
  max-width: 560px;
  margin:auto;
  padding:1rem;
  border-radius:16px;
  box-shadow:rgba(14, 30, 37, 0.12) 0px .15rem .25rem 0px, rgba(14, 30, 37, 0.32) 0px .15rem 1rem 0px;
  align-items:center;
  justify-content:space-around;
  background:linear-gradient(270deg, #FFF3A5 0%, #F7DE7C 80.38%, #B27F2B 164.04%) !important;
  position:relative
}
.home_ss7 .row.align-center .col {padding-bottom:0}
.home_ss7 .row.align-center .col p {
  margin-bottom:0;
  color:#00439e
}
.home_ss7 .row.align-center .flex {justify-content: start;gap: 24px;}
.home_ss7 .ux-timer-text {
  background:#fff;
  padding:8px;
  border-radius:8px
}
.home_ss7 .row2 {
  background:linear-gradient(90deg, #0a76f2 0%, #0098ff 100%) !important;
  border-radius:24px;
  padding: 60px 30px 10.4px;
  margin-top:-30px
}
.home_ss7 .row2 .large-3 p {
  font-size:28px;
  color:#fff
}
.home_ss7 .product-small.box {
  background:#fff;
  border-radius:16px
}
.home_ss7 .product-small.box .product-title a {
  font-size:16px;
  font-weight:600;
  display:block;
  margin-bottom:12px
}
.home_ss7 .product-small.box .price-wrapper {font-size:18px}
.home_ss8 .large-8 .col-inner {
  background:url('/wp-content/uploads/2026/08/img15.png') no-repeat;
  background-size:100%;
  padding:60px 200px 90px
}
.home_ss8 .large-4 .col-inner {
  position:absolute;
  bottom:-10px
}
.home_ss8 .large-4 {position:relative}
.home_ss8 .large-12 .col-inner {
  background:linear-gradient(90deg, #0a76f2 0%, #0098ff 100%) !important;
  padding:30px;
  border-radius:24px;
  margin-top:10px
}
.home_ss8 .large-12 .col-inner p {
  margin-bottom:0;
  color:#fff;
  font-size:18px
}
.home_ss8 .large-8 p {
  margin-bottom:4px;
  font-size:15px
}
.home_ss8 .large-8 p:nth-child(2) {margin-bottom:20px}
.dinhit-shop-banner img {
  border-radius:16px;
  margin-bottom:30px
}
.product-small.box {
  border:1px solid #ddd;
  border-radius:12px;
  padding:8px;
  box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.12)
}
.product-small.box .box-image {
  border-radius:8px;
  border:1px solid #f8f8f8
}
.product-small.box .box-text .product-title a {
  font-size:16px;
  font-weight:600
}
.product-small.box .box-text .star-rating.star-rating--inline {
  margin-top:4px;
  margin-bottom:12px
}
.product-small.box .box-text span.price {font-size:20px}
.product-small.box .box-text {
  padding-top:8px;
  padding-bottom:8px
}
.archive .product-small.box .box-text {padding-bottom:0}
.product-small.box .box-text .add-to-cart-button a {
  width:100%;
  border-radius:8px;
  border-width:1px;
  height:38px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:12px
}
.category-page-row {padding-top:0}
.woocommerce-ordering, .woocommerce-ordering select {border-radius:12px}
.dinhit-filter h6.ss-filter-title {display:none}
.woocommerce-product-rating {
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0 20px;
  line-height:1
}
.woocommerce-product-rating .star-rating {
  margin:0;
  font-size:16px;
  color:#f5a623
}
.woocommerce-product-rating .star-rating::before {color:#e5e5e5}
.woocommerce-product-rating .star-rating span::before {color:#f5a623}
.woocommerce-product-rating .woocommerce-review-link {
  color:#777;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:.2s
}
.woocommerce-product-rating .woocommerce-review-link:hover {
  color:var(--fs-color-primary);
  text-decoration:underline
}
div#reviews {padding-top:60px}
.woocommerce #reviews #comments h2 {font-size:32px}
div#reviews.woocommerce-Reviews,.devvn_prod_cmt {max-width: 1290px;}
.star_box {border-radius:16px}
#comments {max-width: unset;}
#comments a.btn-reviews-now {border-radius:12px}
.devvn_cmt_input textarea {border-radius:12px 12px 0 0}
.devvn_cmt_form_bottom {border-radius:0 0 12px 12px}
button#devvn_cmt_submit, button#devvn_cmt_replysubmit {
  border-radius:8px;
  height:38px;
  padding:8px 20px;
  display:flex;
  justify-content:center;
  align-items:center
}
.dinhit-filter-group {
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 10px 20px;
    box-shadow: 0 0 5px #eee;
}
.dinhit-filter-group:last-child {
    border: 1px solid #ddd;
}

.product-info .price del span.amount {
    font-size: 22px;
    color: #666;
	text-decoration: line-through;
}

.product-info .price del {text-decoration:none}

.product-info .price del span.amount span.woocommerce-Price-currencySymbol {
    font-size: 14px;
    margin-top: 6px;
    display: inline-block;
	text-decoration: line-through;
}

.home_ss7 .row2 .col {
    padding-bottom: 0;
}

.home_ss7 button.flickity-button {
    opacity: 1;
    color: #fff;
    transform: none;
}

.home_ss7 button.flickity-button.previous {
    left: -28px;
}

.home_ss7 button.flickity-button.next {
    left: auto;
    right: -28px;
}

.home_ss7 .slider .flickity-prev-next-button:hover .arrow,.home_ss7 .slider .flickity-prev-next-button:hover svg { fill: #fff;}

.product-main .product-gallery.col.large-6 img {
    border-radius: 16px;
    transform: none;
}

.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
    border: 0;
}
.news_ss h1,.news_ss h2 {
    font-size: 40px;
    background: #0a76f2;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-stroke: 0px white;
    position: relative;
    display: flex;
    justify-content: space-around;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.news_ss h1:before, .news_ss h2:before {
    content: attr(data-text);
    position: absolute;
    top: 2px;
    z-index: -1;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px #ffffff;
    text-shadow: 3px -1px 1px #c6c6c6, 4px 1px 2px rgb(190 179 57);
}

.news_grid .large-12 {
    padding-bottom: 0;
}

.news_ss .box .box-image {
    border-radius: 12px;
}

.news_ss .box .box-text h5.post-title a {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}

.news_ss .box .box-text {
    padding-top: 0;
    padding-bottom: 0;
}
.news_grid .large-6:nth-child(2) .box .box-text h5.post-title a {
    margin-top: 18px;
}

.news_grid {
    padding-top: 80px !important;
}

.news_slider .box .box-text h5.post-title a {
    margin-top: 10px;
}
.news_grid .box .box-text .from_the_blog_excerpt,.news_slider .box .box-text .from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}
.news_ss {
    padding-bottom: 0 !important;
}

.news_ss .large-12 {
    padding-bottom: 0;
}

.news_ss:last-child {
    padding-bottom: 30px !important;
}
.rank-math-breadcrumb {
    padding-left: 30px;
    padding-right: 30px;
}

.rank-math-breadcrumb, .rank-math-breadcrumb a, .rank-math-breadcrumb span {
    font-size: 15px;
}
.blog-single .large-9.col {
    max-width: 64%;
    flex-basis: 64%;
}

.blog-single .post-sidebar.large-3.col {
    max-width: 36%;
    flex-basis: 36%;
}
.blog-single .post-sidebar.large-3.col h5.post-title a {
    font-size: 18px;
    line-height: 1.4;
}

.blog-single .post-sidebar.large-3.col .box-image img {
    border-radius: 12px;
    border: 1px solid #eee;
}

.blog-single .post-sidebar.large-3.col .col.post-item {
    padding-bottom: 15px;
}

.blog-single .post-sidebar.large-3.col .box-text {
    padding: 0 0 0 16px;
}
.product-info form .stack li {
    background: url('/wp-content/uploads/2026/08/quality-field.png') no-repeat;
    background-position: 0 2px;
    list-style: none;
    margin-left: 0;
    padding-left: 32px;
    font-size: 16px;
}
.product-small.box .add-to-cart-button {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.product-small.box .add-to-cart-button a {
    margin-right: 0;
    margin-bottom: 0;
}

.custom-highres-flags {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.highres-flag-item {
    display: inline-block;
    line-height: 1;
    text-decoration: none !important;
    transition: transform 0.2s ease;
}

.highres-flag-item:hover {
    transform: scale(1.08);
}

.highres-flag-item.has-image img {
    display: block;
    height: auto;
}
.lang-text-badge {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    background-color: #0088ff; 
    border-radius: 12px;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.highres-flag-item.has-text:hover .lang-text-badge {
    background-color: #0066cc;
}

a.phongvt-hotline {
    border-radius: 12px !important;
}
.home_ss9 .col.post-item .col-inner {
    background: linear-gradient(90deg, rgb(10, 118, 242) 0%, rgb(0, 152, 255) 100%) !important;
    padding: 16px;
    border-radius: 16px;
}

.home_ss9 .col.post-item p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #fff;
}

.home_ss9 .col.post-item .box-image {
    border-radius: 12px;
}

.home_ss9 .col.post-item .box-text {
    padding-bottom: 0;
}

.home_ss9 .col.post-item h5.post-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
}

.home_ss9 h2 {
    margin-bottom: 40px;
}

.home_ss7 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Khung viền nét đứt xanh dương bao ngoài */
.custom-gift-box {
    margin-top: 15px;
    border: 1.5px dashed #2b68cb;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    clear: both;
}

/* Phần Header nền xanh lá nhạt */
.gift-box-header {
    background-color: #f2f8f0;
    padding: 12px 16px;
}

.gift-header-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gift-icon {
    font-size: 24px;
    line-height: 1;
    animation: tilt-shaking 0.5s infinite;
}

.gift-header-title {
    font-size: 16px;
    font-weight: 700;
    color: #0b49a2;
    line-height: 1.35;
}

.gift-header-date {
    font-size: 12px;
    color: #555555;
    text-align: right;
    margin-top: 4px;
}

/* Phần Body nội dung món quà */
.gift-box-body {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.gift-item-img {
    width: 65px;
    height: 65px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift-item-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.gift-item-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gift-item-name {
    font-size: 14px;
    color: #333333;
    font-weight: 500;
}

.gift-item-price-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gift-price-free {
    color: #d90000;
    font-weight: 700;
    font-size: 15px;
}

.gift-price-old {
    color: #777777;
    text-decoration: line-through;
    font-size: 13px;
}

.gift-badge {
    background-color: #004fb6;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 12px;
}

@keyframes tilt-shaking{
0% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(10deg);
}
50% {
    transform: rotate(0eg);
}
75% {
    transform: rotate(-10deg);
}
100% {
    transform: rotate(0deg);
}
}
.dinhit-price-checkboxes label.dinhit-price-checkbox-label {
    margin-bottom: 0;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .home_ss2 .large-12 {
    padding-top:0;
    padding-bottom:30px
  }
  .home_ss2 .large-12 .img {width:100% !important}
  .home_ss2 .large-12 p {padding:12px}
  .home_ss2 .item .box-image img {height:44px}
  .home_ss2 .item .box-image .image-cover {
    margin-top:0;
    margin-bottom:0
  }
  .home_ss2 .large-6 {padding-bottom:15px}
  .home_ss2 .row:last-child .large-6:last-child {order:1}
  .home_ss2 .row:last-child .large-6 {order:2}
  .home_ss3 h2, .home_ss4 h2, .home_ss5 h2 {
    font-size:24px;
    width:93%
  }
  .home_ss3 .large-3 .col-inner .box {min-height:auto}
  .home_ss4 .large-12 .text p {width:90%}
  .home_ss4 .slider .box {flex-direction:column}
  .home_ss4 .slider .box-vertical .box-image,.home_ss4 .slider .box-vertical .box-text {
    flex-basis:100%;
    max-width:100%
  }
  .home_ss4 .section {
    padding-left:15px;
    padding-right:15px
  }
  .home_ss5 .d_table {
    padding-left:15px;
    padding-right:15px
  }
  .home_ss5 .large-12 {padding-bottom:0}
  .home_ss6 .large-12 .col-inner {padding:0 16px 16px}
  .home_ss6 .icon-box {
    width:100%;
    align-items:start
  }
  .home_ss6 .row:first-child .img {
    width:50% !important;
    opacity:.3;
    right:-30px
  }
  .home_ss7 .row.align-center {max-width:70%}
  .home_ss7 .row.align-center .flex {
    justify-content:center;
    gap:16px;
    padding-bottom:8px
  }
  .home_ss7 .ux-timer-text {
    margin:0 auto;
    display:block;
    text-align:center;
    width:fit-content
  }
  .home_ss7 .row2 {
    max-width:92%;
    margin-top:-52px;
    padding:70px 0 0
  }
  .home_ss7 .row2 .large-3 p {
    font-size:20px;
    text-align:center
  }
  .home_ss8 .large-4 .col-inner {
    position:unset;
    width:60%
  }
  .home_ss7 .row2 .col:last-child {padding-bottom:0}
  .home_ss8 .large-8 .col-inner {padding:0}
  .home_ss8 .col:nth-child(2) img {
    width:40%;
    margin:0 auto 40px;
    display:block
  }
  .home_ss8 .large-8 p {
    width:80%;
    margin:0 auto
  }
  .home_ss8 .large-8 .text {padding-top:26px}
  .home_ss8 .large-12 .col-inner {width:92%}
  .home_ss8 .large-12 .col-inner p {font-size:16px}
  .product-main .product-gallery.col.large-6 {
    padding-right: 15px;
}
  .product-info form  .ux-quantity.quantity {
    width: 100%;
}

.product-info form .stack .text:nth-child(2) {
    --stack-gap: 16px !important;
}
  .product-info h1.product-title {
    font-size: 24px;
    margin-top: 12px;
}

div#reviews {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}

.woocommerce #reviews #comments h2 {
    font-size: 24px;
}

.devvn_prod_cmt {
    padding-left: 15px;
    padding-right: 15px;
}

.home_ss7 .row2 .col.large-3 {
    padding-bottom: 24px;
}

.home_ss7 .product-small.box .box-text span.price {
    font-size: 12px;
}
  .woocommerce-breadcrumb {
    padding-top: 20px;
    margin-bottom: -10px;
    text-align: left;
}
  .news_ss .box .box-text {
    padding-top: 12px;
}
  .news_ss h1, .news_ss h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 24px;
}
.product-small.box .add-to-cart-button {
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.product-small.box .box-text .add-to-cart-button a {
    margin-top: 0;
}	
}
/* ===== DINHIT SHOP BANNER SLIDER ===== */
.dinhit-shop-banner { width: 100%; margin-bottom: 30px; }
.dinhit-slider { position: relative; overflow: hidden; border-radius: 16px; }
.dinhit-slider__track { position: relative; width: 100%; }
.dinhit-slider__slide { display: none; width: 100%; }
.dinhit-slider__slide.is-active { display: block; }
.dinhit-slider__slide img { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 0; margin-bottom: 0; }
.dinhit-slider__arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.4); color: #fff; border: none; padding: 10px 16px; font-size: 18px; cursor: pointer; border-radius: 4px; z-index: 10; transition: background 0.2s; line-height: 1; }
.dinhit-slider__arrow:hover { background: rgba(0,0,0,0.7); }
.dinhit-slider__arrow--prev { left: 12px; }
.dinhit-slider__arrow--next { right: 12px; }
.dinhit-slider__dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
.dinhit-slider__dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff; background: transparent; cursor: pointer; padding: 0; transition: background 0.2s; }
.dinhit-slider__dot.is-active { background: #fff; }

/* ===== SINGLE PRODUCT CLEAN CUSTOM STYLING ===== */
.product-info .product-category {
    color: #0a529e;
    font-size: 16px;
    margin-bottom: 10px;
}

.product-info .product-title {
    color: #0a529e;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3;
}

.product-info .product-short-description {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 30px;
}

.product-info .single-add-to-cart-hidden {
    display: none;
}

/* Related Variations Slider */
.product-related-slider {
    margin-bottom: 30px;
    position: relative;
}

.related-variation-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 15px;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.related-variation-card.is-active {
    border-color: #0a529e;
}

.related-variation-card .img {
    text-align: center;
    margin-bottom: 10px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.related-variation-card .img img {
    max-height: 100px;
    width: auto;
}

.related-variation-card .category {
    color: #0a529e;
    font-size: 13px;
    margin-bottom: 5px;
}

.related-variation-card .title {
    color: #0a529e;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    height: calc(14px * 1.4 * 3);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 30px;
}

.related-variation-card .badge-weight {
    margin-top: auto;
    align-self: flex-start;
    background: #eef5fc;
    color: #0a529e;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 20px;
}

/* Popups Accordion Triggers */
.product-popups-accordion {
    border-top: 1px solid #e5e5e5;
}

.popup-trigger-item {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    transition: all 0.3s;
}

.popup-trigger-item .popup-title {
    color: #0a529e;
    font-weight: bold;
    font-size: 16px;
}

.popup-trigger-item .popup-icon {
    color: #0a529e;
    font-size: 20px;
    font-weight: 300;
}

/* Product Popups Styling */
.product-custom-popups-container {
    display: none;
}

.information-modal, .lightbox-content.information-modal {
    max-width: 950px !important;
    width: 90vw !important;
    padding: 35px 40px !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    position: relative !important;
}

.information-modal .popup-close-btn,
.information-modal button.mfp-close {
    position: absolute !important;
    top: 20px !important;
    right: 25px !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 32px !important;
    text-align: center !important;
    font-size: 26px !important;
    font-weight: bold !important;
    color: #0a529e !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    border-radius: 50% !important;
    border: 1px solid #e2e8f0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    z-index: 100 !important;
    padding: 0 !important;
    opacity: 1 !important;
}

.information-modal .popup-close-btn:hover,
.information-modal button.mfp-close:hover {
    background: #0a529e !important;
    color: #ffffff !important;
}


.information-modal .modal-wrap {
    height: auto !important;
    max-height: 75vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 5px;
}

.information-modal .block-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #0a529e !important;
    margin-bottom: 20px !important;
}

/* Reset fullcontent-2 crazy font sizes */
.information-modal .fullcontent-2,
.information-modal .fullcontent-2 *,
.information-modal .fullcontent-2 p,
.information-modal .fullcontent-2 p * {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-family: inherit !important;
}

/* Flatsome Tabs in Modal */
.information-modal .tabbed-content {
    margin-bottom: 20px !important;
}

.information-modal ul.nav-tabs,
.information-modal .tabbed-content ul.nav,
.information-modal .tabgroup ul.nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    border-bottom: none !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.information-modal ul.nav-tabs > li,
.information-modal .tabbed-content ul.nav > li,
.information-modal .tabgroup ul.nav > li {
    margin: 0 !important;
}

.information-modal ul.nav-tabs > li > a,
.information-modal .tabbed-content ul.nav > li > a,
.information-modal .tabgroup ul.nav > li > a {
    display: inline-block !important;
    padding: 8px 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0a529e !important;
    border: 1px solid #0a529e !important;
    border-radius: 25px !important;
    background: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    text-transform: uppercase !important;
}

.information-modal ul.nav-tabs > li.active > a,
.information-modal .tabbed-content ul.nav > li.active > a,
.information-modal .tabgroup ul.nav > li.active > a,
.information-modal ul.nav-tabs > li > a:hover {
    background-color: #0a529e !important;
    color: #ffffff !important;
}

/* Table Styling inside Modal */
.information-modal table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    margin: 15px 0 !important;
}

.information-modal table thead th,
.information-modal table th {
    background-color: #00338d !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    padding: 12px 16px !important;
    border: none !important;
    text-align: left !important;
}

.information-modal table tbody tr:nth-child(even) {
    background-color: #f8fafc !important;
}

.information-modal table tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

.information-modal table td {
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #334155 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-right: 1px solid #f1f5f9 !important;
}

.information-modal table td:last-child {
    border-right: none !important;
}

/* Clean Custom Scrollbar for Modal Content */
.information-modal .modal-wrap::-webkit-scrollbar {
    width: 6px;
}
.information-modal .modal-wrap::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.information-modal .modal-wrap::-webkit-scrollbar-track {
    background: #f1f5f9;
}

/* ===== CUSTOM POPUP MODAL TABS (ROW 1, 2, 3 LAYOUT) ===== */
.popup-tabs-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #edf2f7 !important;
}

.popup-subtitle {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0a529e !important;
    margin: 0 !important;
}

.popup-tabs-nav {
    display: flex !important;
    gap: 10px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.popup-tab-item {
    cursor: pointer !important;
    padding: 8px 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0a529e !important;
    border: 1px solid #0a529e !important;
    border-radius: 25px !important;
    background: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    text-transform: uppercase !important;
}

.popup-tab-item.active,
.popup-tab-item:hover {
    background-color: #0a529e !important;
    color: #ffffff !important;
}

.popup-tab-content {
    display: none !important;
}

.popup-tab-content.active {
    display: block !important;
}

/* ===== VERTICAL THUMBNAILS CAROUSEL WITH UP/DOWN BUTTONS ===== */
.vertical-thumbnails {
    position: relative !important;
    padding-top: 45px !important;
    padding-bottom: 45px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.vertical-thumbnails .product-thumbnails {
    max-height: 290px !important;
    height: 290px !important;
    overflow: hidden !important;
    margin: 0 !important;
    width: 100% !important;
    position: relative !important;
}

.vertical-thumbnails .product-thumbnails .flickity-viewport {
    height: 100% !important;
    max-height: 290px !important;
    overflow: hidden !important;
    width: 100% !important;
}

.vertical-thumbnails .product-thumbnails .flickity-slider {
    position: relative !important;
    transform: none !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.vertical-thumbnails .product-thumbnails .col {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.vertical-thumbnails .product-thumbnails a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 4px !important;
    background: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    width: 80px !important;
    height: 80px !important;
    box-sizing: border-box !important;
}

.vertical-thumbnails .product-thumbnails .is-nav-selected a,
.vertical-thumbnails .product-thumbnails a:hover {
    border: 2px solid #0a529e !important;
    border-radius: 12px !important;
}

.vertical-thumbnails .product-thumbnails img {
    border-radius: 8px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* UNDISTORTED CIRCULAR BUTTONS */
.vertical-thumb-btn {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    border: 1px solid #0a529e !important;
    background: #ffffff !important;
    color: #0a529e !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 100 !important;
    transition: all 0.2s ease-in-out !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
}

.vertical-thumb-btn svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.vertical-thumb-btn:hover {
    background: #0a529e !important;
    color: #ffffff !important;
}

.v-thumb-prev {
    top: 0 !important;
}

.v-thumb-next {
    bottom: 0 !important;
}

/* ===== SECTION SẢN PHẨM NỔI BẬT ===== */
.product-featured-section {
    padding: 50px 0 !important;
    background-color: #f8fafc !important;
    border-top: 1px solid #edf2f7 !important;
}

.product-card-item {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 16px !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.25s ease-in-out !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-card-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(10, 82, 158, 0.1) !important;
    border-color: #0a529e !important;
}

.product-card-image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    background: #f1f5f9 !important;
}

.product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.product-card-item:hover .product-card-image img {
    transform: scale(1.05) !important;
}

.product-card-category {
    font-size: 12px !important;
    color: #64748b !important;
    margin-bottom: 6px !important;
    text-transform: uppercase !important;
}

.product-card-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0a529e !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 39px !important;
}

.product-card-price {
    font-weight: 700 !important;
    color: #d97706 !important;
    margin-top: auto !important;
}

/* ===== SECTION CÙNG CON LỚN KHÔN (BÀI VIẾT MỚI NHẤT) ===== */
.product-blog-section {
    padding: 50px 0 !important;
    background-color: #ffffff !important;
    border-top: 1px solid #edf2f7 !important;
}

.blog-card-item {
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.25s ease-in-out !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.blog-card-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    border-color: #0a529e !important;
}

.blog-card-image {
    width: 100% !important;
    height: 180px !important;
    overflow: hidden !important;
}

.blog-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.blog-card-item:hover .blog-card-image img {
    transform: scale(1.06) !important;
}

.blog-card-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    padding: 16px 16px 8px 16px !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 43px !important;
}

.blog-card-item:hover .blog-card-title {
    color: #0a529e !important;
}

.blog-card-excerpt {
    font-size: 13px !important;
    color: #64748b !important;
    padding: 0 16px 16px 16px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}