/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
  --primary-color:#fdcc7f
}
.pinol-cat-banner {
  background:#fff
}
.pinol-cat-banner img {
  display:block;
  width:100%;
  height:auto
}
.cart-item .image-icon img {
  width:24px
}
.account-item .icon-user:before {
  content:"";
  background:url(./assets/image/user.svg);
  width:24px;
  height:24px;
  background-size:24px;
  display:block
}
.nav-sidebar .form-flat input:not([type=submit]) {
  background-color:#fff
}
body .single_add_to_cart_button:not(.single_buy_now):before {
  content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2225%22%20viewBox%3D%220%200%2026%2025%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.3977%203.70433C11.8223%203.91614%2011.9842%204.41961%2011.7647%204.82933L8.82852%2010.2772H17.1981L14.2619%204.82933C14.0424%204.41961%2014.2079%203.91614%2014.6289%203.70433C15.0499%203.49253%2015.5717%203.65225%2015.7948%204.0585L19.1447%2010.2772H22.2249C22.8618%2010.2772%2023.3763%2010.7738%2023.3763%2011.3884C23.3763%2012.0029%2022.8618%2012.4995%2022.2249%2012.4995L20.3574%2019.7043C20.1019%2020.6939%2019.1807%2021.3884%2018.1228%2021.3884H7.90377C6.84588%2021.3884%205.92472%2020.6939%205.66924%2019.7043L3.80174%2012.4995C3.16485%2012.4995%202.6503%2012.0029%202.6503%2011.3884C2.6503%2010.7738%203.16485%2010.2772%203.80174%2010.2772H6.88186L10.2318%204.0585C10.4513%203.64878%2010.9731%203.49253%2011.3977%203.70433V3.70433ZM7.8318%2013.8884C8.31037%2013.8884%208.69538%2013.5168%208.69538%2013.055C8.69538%2012.5932%208.31037%2012.2217%207.8318%2012.2217C7.35323%2012.2217%206.96822%2012.5932%206.96822%2013.055C6.96822%2013.5168%207.35323%2013.8884%207.8318%2013.8884ZM19.0584%2013.055C19.0584%2012.5932%2018.6734%2012.2217%2018.1948%2012.2217C17.7162%2012.2217%2017.3312%2012.5932%2017.3312%2013.055C17.3312%2013.5168%2017.7162%2013.8884%2018.1948%2013.8884C18.6734%2013.8884%2019.0584%2013.5168%2019.0584%2013.055Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
  margin-right:5px;
  top:6px;
  position:relative
}
body .ux-buy-now-button:before {
  content:url(data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20enable-background%3D%22new%200%200%20496.007%20496.007%22%20height%3D%2220%22%20viewBox%3D%220%200%20496.007%20496.007%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m205.892%20403.822c-6.25-6.25-16.38-6.25-22.63%200l-41.92%2041.92c-6.25%206.24-6.25%2016.38%200%2022.62%206.206%206.226%2016.348%206.282%2022.63%200l41.92-41.92c6.25-6.251%206.25-16.38%200-22.62zm-113.71-113.711c-6.24-6.25-16.37-6.25-22.62%200l-41.92%2041.92c-6.25%206.25-6.25%2016.38%200%2022.63%206.24%206.239%2016.354%206.266%2022.62%200l41.92-41.92c6.25-6.249%206.25-16.38%200-22.63zm75.81%2037.901c-6.25-6.25-16.38-6.24-22.63%200l-106.24%20106.24c-6.25%206.25-6.25%2016.38%200%2022.63%206.248%206.229%2016.358%206.252%2022.63%200l106.24-106.24c6.25-6.25%206.25-16.38%200-22.63zm327.2-307.02-151.62%20464c-4.286%2013.097-22.084%2015.008-29.04%203.07l-101.96-175.35c-3.22-5.53-2.83-12.44.98-17.58l36.61-49.29-49.29%2036.61c-5.14%203.81-12.05%204.2-17.58.98l-175.35-101.961c-11.896-6.919-10.066-24.741%203.07-29.04l464-151.62c12.402-4.047%2024.245%207.727%2020.18%2020.181z%22%2F%3E%3C%2Fsvg%3E
  );
  margin-right:5px;
  top:6px;
  position:relative
}
.button.primary {
  color:black;
  box-shadow:none;
  border:none;
  line-height:unset;
  border-radius:5px;
  padding:8px 30px
}
.dark, .dark p, .dark td {
  color:#fff
}
.fw600 * {
  font-weight:600
}
.fw500 * {
  font-weight:500
}
.fw800 * {
  font-weight:800
}
a.button {
  letter-spacing:0
}
a.button.primary {
  color:#344943;
  padding:7px 30px;
  font-size:16px
}
.banner-image {
  bottom:-120px;
  left:0;
  animation:myMove 3s infinite;
  transition:all .2s
}
@keyframes myMove {
  0%,100% {
    top:0
  }
  50% {
    top:15px
  }
}
.item-count {
  font-size:28px;
  font-weight:800;
  color:var(--primary-color)
}
.counter-item p {
  font-weight:700
}
.h1, .h2, h1, h2 {
  line-height:1.1
}
.col-cate > .col-inner {
  width:1600px;
  max-width:1600px
}
.row-category .icon-box {
  background:#f7e8d3;
  border-radius:50px 0 50px;
  overflow:hidden
}
.row-category .icon-box-text {
  background:#8d5e2f;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:baseline;
  justify-content:flex-end;
  padding:0 50px 10px 20px !important
}
.row-category .icon-box-text  h3 {
  font-size:24px;
  font-weight:800;
  color:#fff;
  margin-bottom:0
}
.row-category .icon-box-text  p {
  font-size:16px;
  font-weight:bold
}
.row-category .icon-box-text a.button {
  font-size:14px;
  font-weight:500
}
.row-category .icon-box-text a.button:hover {
  color:var(--primary-color) !important
}
.row-category .icon-box-img {
  transition:all .3s
}
.row-category .icon-box:hover .icon-box-img img {
  transform:translateX(-40px)
}
.row-category .icon-box-img img {
  width:120%;
  position:relative;
  max-width:120%;
  transform:translateX(-30px);
  transition:all .3s
}
.custom-slider-controls {
  display:flex;
  gap:10px;
  position:absolute;
  bottom:0
}
.custom-slider-controls button {
  background:rgba(43, 47, 51, 0.05);
  border-radius:50%;
  width:40px;
  height:40px;
  top:auto;
  transition:all .3s;
  margin:0;
  padding:0;
  line-height:unset
}
.custom-slider-controls button:hover {
  background:var(--primary-color)
}
.custom-slider-controls button i {
  color:#8d5e2f
}
.col-cate-left > .col-inner {
  height:100%
}
.section-cate {
  padding-top:100px !important
}
.banner-radius {
  border-radius:20px !important;
  overflow:hidden
}
.banner-product:before {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:70%;
  background:linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  z-index:3
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button svg {
  border:1px solid #eee;
  box-shadow:0 1px 12px 0 rgba(0, 0, 0, 0.12);
  padding:11px;
  ]
  opacity:1
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
  opacity:1
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button path {
  fill:var(--primary-color)
}
.slider-nav-outside .flickity-prev-next-button.previous {
  right:94%
}
.slider-nav-outside .flickity-prev-next-button.next {
  left:94%
}
.partner .box-text {
  display:none
}
.partner .box {
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0px 6px 9px 0px rgba(38, 45, 118, 0.08);
  background-color:#fff;
  padding:20px;
  border-radius:10px
}
.partner .box img {
  height:45px;
  object-fit:contain
}
.row-testi .col > .col-inner {
  background-color:rgb(255, 247, 236);
  padding:30px;
  border-radius:10px
}
a.hotspot {
  background-color:#fff;
  border-radius:99px;
  color:#344943;
  display:block;
  font-weight:500
}
a.hotspot:before {
  content:"";
  width:36px;
  height:36px;
  position:absolute;
  top:-6px;
  left:-6px;
  background:#fff;
  border-radius:50%;
  z-index:-1;
  -webkit-animation:1.2s decorTheLookDot ease-in-out infinite;
  animation:1.2s decorTheLookDot ease-in-out infinite
}
@keyframes decorTheLookDot {
  from {
    opacity:0.6;
    transform:scale(0.6)
  }
  to {
    opacity:0;
    transform:scale(1.2)
  }
}
.home-blog .box {
  background-color:#fff;
  border-radius:20px;
  overflow:hidden
}
.home-blog .box .box-text {
  padding:20px
}
/* product */
ins span.amount {
  color:#9b0505;
  font-weight:800
}
.row-pack .icon-box-text p {
  margin-bottom:0
}
.title-pack p {
  margin-bottom:8px
}
.row-pack .icon-box-img img {
  padding-top:0
}
.row-pack .icon-box-left .icon-box-img+.icon-box-text {
  padding-left:6px
}
.row-pack .icon-box {
  align-items:center
}
.product-gallery-slider img, .product-thumbnails img {
  border-radius:20px
}
.product-thumbnails a {
  border-radius:10px
}
.product-thumbnails .is-nav-selected a {
  border-color:#fdcc7f
}
.breadcrumbs a {
  color:hsl(0deg 0% 17.79%)
}
.breadcrumbs {
  font-size:14px
}
.breadcrumbs .divider, .breadcrumbs .separator {
  opacity:1
}
.breadcrumbs .divider, .breadcrumbs .separator:before {
  content:"\f054";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:10px;
  display:inline-block;
  margin:0 5px;
  color:#222
}
.info-product span.amount {
  color:#ef1104;
  font-weight:800
}
.info-product del {
  font-size:16px;
  font-weight:600
}
.info-product del span.amount {
  color:#555;
  font-weight:600
}
.info-product .price {
  margin-bottom:15px
}
.product-short-description {
  border-top:1px solid #eee;
  padding-top:20px
}
.product-short-description:before {
  content:'Mô tả ngắn:';
  display:block;
  font-weight:600;
  color:#807f7d
}
.product_meta .posted_in {
  margin-bottom:0;
  padding-top:20px
}
.wc-tabs > li > a {
  padding:13px 0;
  cursor:pointer;
  margin-right:15px;
  position:relative;
  font-size:20px;
  font-weight:700;
  letter-spacing:0
}
.wc-tabs.nav-line>li>a:before {
  background-color:#222 !important
}
blockquote, dl, figure, form, ol, p, pre, ul {
  margin-bottom:1em
}
form.cart .single_add_to_cart_button, form.cart .ux-buy-now-button {
  background-color:transparent;
  color:#6d3b28;
  border:1px solid;
  line-height:0;
  font-size:16px;
  border-radius:5px;
  padding:4px 26px
}
form.cart .single_add_to_cart_button:before, .product-small .add-to-cart-button a:before, form.cart .ux-buy-now-button:before {
  content:"\f07a";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  display:inline-block;
  margin-right:10px;
  top:1px
}
form.cart .ux-buy-now-button:before {
  content:'\f09d'
}
form.cart .ux-buy-now-button {
  color:#492d25;
  background-color:var(--primary-color)
}
.nav-pills > li > a {
  white-space:nowrap;
  border-radius:99px;
  border:1px #ebebeb solid;
  transition:all .3s;
  font-size:16px;
  font-weight:500 !important;
  color:#222;
  padding:0 30px;
  letter-spacing:0
}
.nav-pills > li {
  margin:0 10px
}
.nav-pills > li.active a {
  color:black
}
.product-small .product-title a {
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  color:black
}
.product-small.box {
  box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border-radius:16px;
  overflow:hidden;
  background:#FFF
}
.product-small.box .box-text {
  padding:20px
}
.product-small .add-to-cart-button a {
  width:100%;
  border:1px solid #492d25;
  font-size:16px;
  font-weight:500;
  color:#492d25;
  border-radius:99px
}
.product-small span.amount {
  font-weight:bold
}
.product-small  .price {
  margin-top:10px
}
.product-small  .price ins {
  display:block;
  margin-top:5px
}
.product-small  .price ins span.amount {
  font-size:20px;
  font-weight:800
}
.product-small .badge-circle .badge-inner span {
  background-color:transparent;
  background-image:url(./assets/image/sale.webp);
  background-repeat:no-repeat;
  background-size:auto;
  font-size:12px;
  width:49px;
  line-height:24px;
  display:block;
  border-radius:5px
}
.product-small .badge-circle, .product-small .badge-circle .badge-inner {
  width:49px;
  background-color:transparent;
  display:block
}
.product-small .badge-container {
  margin:0;
  top:10px;
  left:10px
}
.rank-math-breadcrumb p {
  margin-bottom:0;
  font-size:16px
}
.rank-math-breadcrumb  * {
  color:#212529
}
.page-breadcrumbs {
  margin-top:15px
}
.rank-math-breadcrumb .separator:before {
  content:'\f105';
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:10px
}
.rank-math-breadcrumb .separator {
  margin:0 3px 0 8px
}
.shop-container .breadcrumbs {
  margin-bottom:20px
}
h1.cat-title {
  font-size:30px;
  color:#344943
}
h3.widget-title, span.widget-title {
  letter-spacing:0;
  font-size:24px;
  color:#344943;
  font-weight:800
}
.widget .is-divider {
  height:1px;
  width:100%;
  max-width:100%
}
aside ul li a {
  font-size:15px;
  color:#333
}
aside ul>li {
  border:none !important
}
.woocommerce .widget_layered_nav ul li a::before, .woocommerce .widget_layered_nav_filters ul li a::before {
  content:'';
  font-size:15px;
  color:#222;
  position:absolute;
  top:1px;
  left:0;
  width:20px;
  height:20px;
  border-radius:3px;
  border:1px solid #999
}
.woocommerce .widget_layered_nav ul li a:hover {
  color:var(--primary-color)
}
.woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav_filters ul li a {
  position:relative;
  padding:0 0 0 30px;
  border-bottom:0;
  display:inline-block
}
.woocommerce .widget_layered_nav ul li a:active::before, .woocommerce .widget_layered_nav ul li a:focus::before, .woocommerce .widget_layered_nav ul li a:hover::before, .woocommerce .widget_layered_nav ul li.chosen a::before, .woocommerce .widget_layered_nav_filters ul li a:active::before, .woocommerce .widget_layered_nav_filters ul li a:focus::before, .woocommerce .widget_layered_nav_filters ul li a:hover::before, .woocommerce .widget_layered_nav_filters ul li.chosen a::before {
  content:'\f00c';
  color:#e03232;
  font-size:15px;
  position:absolute;
  top:1px;
  left:0;
  border-color:#e03232;
  line-height:20px;
  text-align:center;
  font-family:"Font Awesome 6 Free";
  font-weight:900
}
.product-section-title {
  font-size:28px;
  letter-spacing:0
}
.related-products-wrapper {
  margin-top:50px;
  padding-top:30px
}
/* blog */
h1.page-title {
  font-size:24px;
  letter-spacing:0;
  margin-bottom:0
}
#post-list .box-image {
  border-radius:10px;
  overflow:hidden
}
.box-blog-post .is-divider {
  margin-top:0;
  background-color:transparent
}
.widget-area aside {
  padding:30px;
  background-color:#f2f2f2;
  border-radius:10px
}
.single .entry-header-text {
  padding-bottom:0
}
.entry-header .is-divider {
  display:none
}
div#ez-toc-container .ez-toc-title {
  font-weight:bold;
  color:#344943
}
#ez-toc-container {
  padding:20px;
  border:none;
  background:#efefef
}
.related-title-section {
  font-size:20px;
  font-weight:bolder
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  height:40px;
  border-radius:5px;
  box-shadow:none
}
.list-shop-tab {
  padding:10px;
  background-color:#fff;
  background-image:-webkit-linear-gradient(0deg, #0074bf 0%, #0074bf 52%, #0074bf 100%)
}
.list-shop-tab select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-position:right center;
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-color:#fff !important;
  padding-right:28px;
  text-indent:0.01px;
  text-overflow:'';
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  padding:5px 20px 5px 12px;
  width:100%;
  height:40px;
  border-radius:0px;
  border:1px solid #E3E3E3;
  outline:none !important
}
.tab-bottom-data {
  background:#fff;
  padding:0px;
  line-height:24px;
  border-bottom:dashed 1px #F2F2F2;
  cursor:pointer;
  position:relative;
  display:inline-block;
  padding:10px 5px
}
.tab-bottom-item h3 {
  display:inline-block;
  width:100%;
  font-size:15px;
  font-weight:700;
  color:#000
}
.tab-bottom-item p {
  margin-bottom:5px
}
.tab-bottom-item i {
  color:#344943
}
.tab-bottom-contact a {
  position:relative;
  display:block;
  padding-left:18px
}
.tab-bottom-contact a::before {
  content:"";
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  width:14px;
  height:13px;
  left:2px;
  top:0px;
  position:absolute
}
.tab-bottom-contact {
  display:flex
  ;
  align-items:center;
  font-size:12px;
  gap:6px;
  flex-wrap:wrap
}
.list-shop-iframe iframe {
  width:100% !important;
  height:555px
}
.tab-bottom {
  max-height:426px;
  position:relative;
  overflow-y:scroll
}
/* footer */
.ft-contact {
  position:relative;
  z-index:99
}
.mg0 * {
  margin-bottom:0
}
.home .row-product-footer {
  display:none
}
.absolute-footer.dark {
  display:none
}
footer .is-divider {
  border-top:1px dashed rgba(255, 255, 255, 0.4);
  background-color:transparent !important
}
.wpcf7 input,
.wpcf7 select {
  width:100%;
  padding:11px 12px;
  border:1px solid #e6efe9;
  border-radius:10px;
  background:#f9fbfa;
  font-size:14px
}
/* focus đẹp */
.wpcf7 input:focus,
.wpcf7 select:focus {
  border-color:#0b5d3b;
  background:#fff
}
.phongvt-box-4icon {
  display:flex;
  flex-direction:column;
  gap:14px
}
/* ITEM */
.phongvt-item {
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:12px;
  background:#ffffff; /* KHUNG TRẮNG */
  box-shadow:0 2px 10px rgba(0,0,0,0.04)
}
/* ICON BOX (TRONG CARD NHỎ) */
.phongvt-icon {
  width:42px;
  height:42px;
  min-width:42px;
  background:#f3f7f5; /* nền icon nhẹ */
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center
}
/* SVG */
.phongvt-icon svg {
  width:22px;
  height:22px;
  stroke:#0b5d3b
}
/* TEXT */
.phongvt-text strong {
  display:block;
  font-size:15px;
  font-weight:600;
  color:#0b5d3b
}
.phongvt-text span {
  font-size:13px;
  color:#6b6b6b
}
/* HOVER */
.phongvt-item:hover {
  transform:translateY(-2px);
  transition:0.2s ease;
  box-shadow:0 4px 14px rgba(0,0,0,0.06)
}
/* ===== Mô tả nhanh ===== */
.phongvt-short-desc {
  margin:15px 0 18px;
  padding:15px 18px;
  background:linear-gradient(135deg,#f8fbff,#eef6ff);
  border:1px solid #d8ebff;
  border-left:4px solid var(--fs-color-primary);
  border-radius:12px;
  box-shadow:0 5px 15px rgba(0,0,0,.05)
}
.phongvt-short-desc-title {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  font-size:16px;
  font-weight:700;
  color:var(--fs-color-primary)
}
.phongvt-short-desc-title i {
  width:28px;
  height:28px;
  border-radius:50%;
  background:#1677ff;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px
}
.phongvt-short-desc-content {
  color:#444;
  font-size:14px;
  line-height:1.8
}
.phongvt-short-desc-content p {
  margin:0 0 8px
}
.phongvt-short-desc-content ul {
  list-style:none;
  padding:0;
  margin:10px 0 0
}
.phongvt-short-desc-content li {
  position:relative;
  padding-left:26px;
  margin-bottom:8px
}
.phongvt-short-desc-content li:before {
  content:"✓";
  position:absolute;
  left:0;
  top:2px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#22c55e;
  color:#fff;
  text-align:center;
  line-height:18px;
  font-size:11px;
  font-weight:700
}
.phongvt-short-desc-content strong {
  color:#111
}
.phongvt-short-desc-content a {
  color:#1677ff;
  text-decoration:none
}
.phongvt-short-desc-content a:hover {
  text-decoration:underline
}
/* Mobile */
@media (max-width:767px) {
  .phongvt-short-desc {
    padding:12px 14px;
    margin:12px 0
  }
  .phongvt-short-desc-title {
    font-size:15px
  }
  .phongvt-short-desc-content {
    font-size:13px;
    line-height:1.7
  }
}
.phongvt-short-desc-content {
  max-height:80px; /* khoảng 3 dòng */
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:8px;
  line-height:1.7;
  font-size:14px
}
/* Thanh cuộn đẹp */
.phongvt-short-desc-content::-webkit-scrollbar {
  width:6px
}
.phongvt-short-desc-content::-webkit-scrollbar-track {
  background:#f3f3f3;
  border-radius:10px
}
.phongvt-short-desc-content::-webkit-scrollbar-thumb {
  background:#b5b5b5;
  border-radius:10px
}
.phongvt-short-desc-content::-webkit-scrollbar-thumb:hover {
  background:#888
}
.phongvt-wholesale-banner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:18px 18px;
  margin:15px 0;
  background:#ead6ff;
  border-radius:18px;
  overflow:hidden
}
.phongvt-content {
  flex:1
}
.phongvt-content h3 {
  margin:0 0 8px;
  font-size:18px;
  font-weight:700;
  color:#1f1f1f;
  line-height:1.2
}
.phongvt-content p {
  margin:0 0 18px;
  font-size:14px;
  color:#222;
  line-height:1.5
}
.phongvt-content a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 24px;
  background:#fff;
  color:#ff5252;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  border:2px solid #ff6a6a;
  border-radius:14px;
  transition:.25s
}
.phongvt-content a:hover {
  background:#ff5252;
  color:#fff
}
.phongvt-wholesale-banner img {
  width:100px;
  flex-shrink:0;
  display:block
}
.footer-wrapper h4 {
  color:#fff;
  font-size:18px;
  font-weight:800;
  margin-bottom:16px
}
.footer-wrapper p {
  margin:0 0 10px
}
.footer-wrapper p a {
  position:relative;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:16px;
  transition:.3s
}
.footer-wrapper p a::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:1px;
  background:#7357ff;
  transition:.3s
}
.footer-wrapper p a:hover {
  color:#fff
}
.footer-wrapper p a:hover::after {
  width:100%
}
.footer-company-info p {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
  color:rgba(255,255,255,.78);
  line-height:1.7
}
.footer-company-info p i {
  width:18px;
  margin-top:4px;
  color:#8f73ff;
  flex-shrink:0
}
.footer-company-info strong {
  color:#fff
}
/* ===== CAM KẾT OROCA ===== */
.phongvt-commitment-box {
  height:100%
}
.phongvt-commitment-box .icon-box {
  height:100%;
  padding:4px;
  background:#fff;
  border:1px solid #e9e4f8;
  border-radius:18px;
  transition:all .3s ease
}
.phongvt-commitment-box .icon-box:hover {
  border-color:#7357ff;
  box-shadow:0 15px 35px rgba(115,87,255,.12);
  transform:translateY(-4px)
}
.phongvt-commitment-box .icon-box-img {
  margin-bottom:4px
}
.phongvt-commitment-box .icon-box-img img {
  width:52px;
  height:52px;
  object-fit:contain
}
.phongvt-commitment-box h3 {
  color:#16002f;
  font-size:16px;
  font-weight:700;
  margin-bottom:14px
}
.phongvt-commitment-box p {
  margin:0;
  color:#5d5870;
  font-size:14px;
  line-height:1.7
}
@media (max-width:549px) {
  .phongvt-commitment-box .icon-box {
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:20px
  }
  .phongvt-commitment-box .icon-box-img {
    flex:0 0 42px;
    margin:0
  }
  .phongvt-commitment-box .icon-box-img img {
    width:42px;
    height:42px
  }
  .phongvt-commitment-box .icon-box-text {
    flex:1;
    text-align:left
  }
  .phongvt-commitment-box h3 {
    font-size:18px;
    margin:0 0 8px
  }
  .phongvt-commitment-box p {
    font-size:15px;
    line-height:1.5
  }
}
.phongvt-value-card {
  background:#7357ff;
  border-radius:16px;
  padding:14px 8px;
  color:#fff
}
.phongvt-value-card h3 {
  color:#fff;
  font-size:17px;
  font-weight:700;
  margin:0 0 10px
}
.phongvt-value-card p {
  color:#fff;
  font-size:14px;
  line-height:1.5;
  margin:0
}
@media (min-width: 850px) {
  .phongvt-values.row > .col.phongvt-value-card {
    flex:0 0 19% !important;
    max-width:19% !important
  }
}
@media (max-width:549px) {
  .phongvt-values .phongvt-value-card {
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
    padding-bottom:16px !important
  }
  .phongvt-values .phongvt-value-card > .col-inner {
    width:100%;
    max-width:100%;
    padding:10px;
    border-radius:16px
  }
  .phongvt-values h3 {
    font-size:16px
  }
  .phongvt-values p {
    font-size:12px;
    line-height:1.6
  }
}
.phongvt-value-card {
  transition:.35s
}
.phongvt-value-card img {
  transition:.35s
}
.phongvt-value-card:hover {
  background:#6849ff
}
.phongvt-value-card:hover img {
  transform:scale(1.12)
}
.phongvt-value-card {
  position:relative;
  overflow:hidden;
  transition:.35s
}
.phongvt-value-card::before {
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:70%;
  height:100%;
  background:linear-gradient(
  120deg,
  transparent,
  rgba(255,255,255,.18),
  transparent
  );
  transition:.6s
}
.phongvt-value-card:hover::before {
  left:150%
}
/* Card */
.phongvt-vm-card > .col-inner {
  height:100%;
  background:#fff;
  border:1px solid #e8e3f5;
  border-radius:18px;
  overflow:hidden;
  padding:24px;
  transition:.3s
}
.phongvt-vm-card > .col-inner:hover {
  box-shadow:0 18px 40px rgba(115,87,255,.12);
  border-color:#d8cffc
}
/* Image Box */
.phongvt-vm-left .box {
  display:flex;
  flex-direction:column-reverse
}
.phongvt-vm-right .box {
  display:flex;
  flex-direction:column
}
.phongvt-vm-left .box-image,
.phongvt-vm-right .box-image {
  overflow:hidden;
  border-radius:14px
}
.phongvt-vm-left .box-text,
.phongvt-vm-right .box-text {
  padding:24px 0 0
}
.phongvt-vm-left .box-text h5,
.phongvt-vm-right .box-text h5 {
  font-size:42px;
  font-weight:800;
  color:#16002f;
  margin-bottom:18px
}
.phongvt-vm-left .box-text p,
.phongvt-vm-right .box-text p {
  color:#5f5874;
  line-height:1.8
}
.phongvt-vm-left .box {
  display:flex;
  flex-direction:column-reverse
}
.phongvt-vm-right .box {
  display:flex;
  flex-direction:column
}
.phongvt-vm-left .box-text,
.phongvt-vm-right .box-text {
  padding:28px
}
.phongvt-vm-left .box-image,
.phongvt-vm-right .box-image {
  border-radius:14px;
  overflow:hidden
}
.phongvt-section-subtitle {
  display:inline-block;
  color:#7357ff;
  font-size:22px;
  font-weight:700;
  text-transform:uppercase;
  border-bottom:2px solid #7357ff;
  padding-bottom:4px;
  margin-bottom:14px
}
.phongvt-section-head h2 {
  margin:10;
  color:#16002f;
  font-size:28px;
  font-weight:800;
  line-height:1.5
}
.phongvt-quote-box {
  display:flex;
  gap:24px;
  align-items:flex-start;
  padding:32px 36px;
  background:#f4edff;
  border-radius:18px
}
.phongvt-quote-box i {
  color:#7357ff;
  font-size:42px;
  margin-top:4px
}
.phongvt-quote-box p {
  margin:0;
  color:#7357ff;
  font-size:22px;
  font-weight:700;
  line-height:1.55
}
@media only screen and (max-width: 48em) {
  .icon-menu:before {
    color:#fbf2f2
  }
}
.nav-dropdown-has-shadow .nav-dropdown {
  box-shadow:1px 1px 15px rgba(0, 0, 0, .15);
  border-radius:30px
}
.product-promo-tag.product-promo-tag--3 {
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-sizing:border-box;
  background:#faf4f4 !important;
  color:#cc1af0 !important;
  padding:10px 14px;
  border-radius:6px;
  margin-bottom:15px !important
}
/* Canh lại hàng sản phẩm */
.single-product .box-buy {
  display:none !important
}
.single-product .product-info form.cart {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
  max-width:470px !important
}
/* Số lượng nằm riêng 1 hàng */
.single-product .product-info form.cart .ux-quantity,
.single-product .product-info form.cart .quantity,
.single-product .product-info form.cart .quantity.buttons_added {
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important
}
/* 2 nút bằng nhau */
.single-product .product-info form.cart > button.single_add_to_cart_button,
.single-product .product-info form.cart > button.ux-buy-now-button {
  flex:0 0 calc(50% - 6px) !important;
  width:calc(50% - 6px) !important;
  max-width:calc(50% - 6px) !important;
  min-width:0 !important;
  height:54px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:8px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:normal !important
}
/* Nút thêm vào giỏ hàng */
.single-product .product-info form.cart > button.single_add_to_cart_button {
  background:#f52808 !important;
  color:#fff !important
}
/* Nút mua ngay */
.single-product .product-info form.cart > button.ux-buy-now-button {
  background:#ffd400 !important;
  color:#fff !important
}
/* Không cho Flatsome ép nút thành full dòng */
.single-product .product-info form.cart > .single_add_to_cart_button,
.single-product .product-info form.cart > .ux-buy-now-button {
  flex-basis:calc(50% - 6px) !important
}
/* Mobile */
@media(max-width:549px) {
  .single-product .product-info form.cart {
    gap:8px !important;
    max-width:100% !important
  }
  .single-product .product-info form.cart > button.single_add_to_cart_button,
  .single-product .product-info form.cart > button.ux-buy-now-button {
    flex:0 0 calc(50% - 4px) !important;
    width:calc(50% - 4px) !important;
    max-width:calc(50% - 4px) !important;
    height:48px !important;
    font-size:13px !important
  }
}
/* Kéo full ngang form nút mua */
.single-product .product-info form.cart {
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important
}
/* Dòng số lượng vẫn nằm riêng */
.single-product .product-info form.cart .ux-quantity,
.single-product .product-info form.cart .quantity,
.single-product .product-info form.cart .quantity.buttons_added {
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important
}
/* 2 nút kéo dài full, mỗi nút chiếm 50% */
.single-product .product-info form.cart > button.single_add_to_cart_button,
.single-product .product-info form.cart > button.ux-buy-now-button {
  flex:1 1 calc(50% - 6px) !important;
  width:calc(50% - 6px) !important;
  max-width:none !important;
  min-width:0 !important;
  height:54px !important
}
.product-promo-tag.product-promo-tag--3 {
  display:flex !important;
  width:100% !important;
  justify-content:center;
  text-align:center;
  margin:12px 0 15px !important
}
@media(max-width:767px) {
  .product-small .add-to-cart-button a {
    padding:5px;
    font-size:12px
  }
  .product-small.box .box-text {
    padding:10px
  }
  form.cart .single_add_to_cart_button:before, .product-small .add-to-cart-button a:before, form.cart .ux-buy-now-button:before {
    margin-right:4px
  }
  .product-small .price ins span.amount, .product-small .price span.amount {
    font-size:18px
  }
  .product-small .price del span.amount {
    font-size:12px
  }
  .tabbed-content .nav {
    overflow:auto;
    white-space:nowrap;
    display:block
  }
  .product-small .product-title a {
    font-size:15px;
    -webkit-line-clamp:2
  }
  .counter-item p {
    font-size:13px
  }
  .col-cate > .col-inner {
    width:100%;
    max-width:100%
  }
  .custom-slider-controls {
    position:unset
  }
  .row-category .icon-box {
    border-radius:15px 0 15px
  }
  .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    width:30px !important
  }
  .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button svg {
    padding:10px !important;
    background:#fff
  }
  .slider-nav-outside .flickity-prev-next-button.next {
    left:auto
  }
  .slider-nav-outside .flickity-prev-next-button.previous {
    right:auto
  }
}
/** BI **/
.home_ss2 .large-4 {
  background:rgba(255, 255, 255, 0.808);
  z-index:9;
  flex-basis:50%;
  max-width:50%;
  position:absolute;
  left:0;
  bottom:0;
  padding:40px !important
}
.home_ss2 .row {
  position:relative
}
.home_ss2 .large-8 {
  flex-basis:80%;
  max-width:80%
}
.home_ss2 .large-4 a.button.primary {
  margin:0
}
.home_ss2 .large-4 h2 {
  font-size:40px;
  color:#62616b
}
.home_ss3 button.flickity-button {
  font-size:0;
  top:-210px;
  opacity:1
}
.home_ss3 button.flickity-button svg {display:none}
.home_ss3 button.flickity-button.next:before {
  content:"";
  display:inline-block;
  width:36px;
  height:36px;
  flex:0 0 36px;
  background-color:#ba9b63;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 12L16 7M21 12L16 17M21 12H3' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%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'%3E%3Cpath d='M21 12L16 7M21 12L16 17M21 12H3' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat
}
.home_ss3 button.flickity-button.previous:before {
  content:"";
  display:inline-block;
  width:36px;
  height:36px;
  flex:0 0 36px;
  background-color:#ba9b63;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 12L8 17M3 12L8 7M3 12H21' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%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'%3E%3Cpath d='M3 12L8 17M3 12L8 7M3 12H21' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat
}
.prod-gallery .col-inner {
  position:sticky;
  top:0
}
.home_brands {
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow:hidden;
  gap:10px
}
.home_brands .gallery-col {
  flex:0 0 auto !important;
  width:176px !important;
  max-width:176px !important;
  padding:0 !important;
  animation:homeBrandsMarquee 15s linear infinite
}
.home_brands:hover .gallery-col {
  animation-play-state:paused
}
.home_brands .gallery-col .box-image {
  border:1px solid #ddd;
  border-radius:16px
}
.home_brands .gallery-col .box-image {
  height:80px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:12px 24px
}
.home_ss7a {padding-bottom:60px !important}
.home_ss7a .row {
  max-width:100%;
  position:relative;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, #0000, #000 8% 92%, #0000);
  mask-image:linear-gradient(90deg, #0000, #000 8% 92%, #0000);
  padding-right:0 !important
}
.home_ss7 .large-12 {padding-bottom:0}
@keyframes homeBrandsMarquee {
  from {
    transform:translateX(calc(-100% - 60px))
  }
  to {
    transform:translateX(0)
  }
}
#footer h6 {
  font-size:16px;
  font-weight:500;
  opacity:1;
  margin-bottom:16px
}
#footer p,#footer li, #footer a {
  font-size:14px;
  font-weight:400
}
#footer ul {margin-left:-4px}
#footer .ux-logo-link {padding:0 0 12px !important}
#footer .section {padding-bottom:0 !important}
#footer .icon-box {margin-bottom:4px}
#footer .icon-box:last-child {margin-bottom:0}
@media screen and (max-width: 48em) {
  .home_ss2 .large-4,.home_ss2 .large-8 {
    flex-basis:100%;
    max-width:100%
  }
  .home_ss2 .large-4 {position:unset}
  .home_ss3 button.flickity-button {
    top:-110px;
    width:36px !important
  }
  .home_ss h2 {font-size: 50px;font-weight: 500;line-height: 1.4;}
}