/*
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
}
.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:#ba9b63;
  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: #000000;
  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:8px 16px;
  cursor:pointer;
  position:relative;
  font-size:16px;
  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 {
  font-size:15px;
  font-weight:bold;
  text-transform:none;
  color:black
}
.product-small.box {
  box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border-radius:6px;
  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:24px
}
.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
}
.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
}
.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
}
.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
}
.single-product .product-info form.cart > button.single_add_to_cart_button {
  background:#f52808 !important;
  color:#fff !important
}
.single-product .product-info form.cart > button.ux-buy-now-button {
  background:#ffd400 !important;
  color:#fff !important
}
.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)
  }
}
h3.product-section-title,.single_product_feedback h2 {
  text-align:center;
  font-size:24px
}
.single_product_feedback .text p {
  margin-bottom:30px
}
.entry-author.author-box {
  padding-top:15px;
  padding-bottom:0
}
.entry-author.author-box .flex-row.align-top {
  align-items:center !important;
  border:1px solid #ddd;
  background:#ffffff73;
  padding:16px;
  border-radius:16px
}
.flex-row.align-top {
}
.entry-author.author-box .flex-row.align-top h5.author-name {
  padding-top:0;
  font-size:14px
}
.entry-author.author-box .flex-row.align-top p.author-desc.small {
  font-size:15px;
  margin-bottom:0
}
.entry-author.author-box .flex-row.align-top .blog-author-image {
  border:1px solid #eee;
  border-radius:100%
}
.entry-author.author-box .flex-row.align-top .flex-col.mr.circle {
  margin-right:20px
}
.home_ss11 h2,.home_ss12 h2 {
  font-size:34px;
  margin-bottom:30px
}
.home_ss11 .gallery-col.col {padding-bottom:0}
.home_ss11 .gallery-col.col .box-image img {
  position:unset;
  width:auto;
  height:auto
}
.home_ss11 .gallery-col.col .box-image {
  width:200px;
  height:auto;
  padding-top:0 !important;
  display:flex;
  align-items:center
}
.home_ss11 .gallery-col.col .box-text {
  display:none
}
.home_ss11 .row.large-columns-4.medium-columns-3.small-columns-2 {
  display:flex;
  align-items:center
}
.home_ss12 .flickity-slider > * {max-width:33.33%}
.home_ss12 .flickity-slider .section-content > p {
  font-size:18px;
  text-align:justify
}
.home_ss12 .flickity-slider .section-content .icon-box-img img {
  height:60px;
  border-radius:100%;
  padding:0;
  object-fit:cover;
  border:1px solid #ddd
}
.home_ss12 .flickity-slider .section-content .icon-box-text h3 {
  font-size:18px;
  margin-bottom:0
}
.home_ss12 .flickity-slider .section-content .icon-box-text p {
  font-size:15px
}
.home_ss12 .flickity-slider .section-content .icon-box {
  align-items:center
}
.home_ss12 .flickity-button.previous {
  left:-8px
}
.home_ss12 .flickity-button.next {
  right:-8px
}
.home_ss12 .flickity-button svg path {
  fill:#333 !important
}
.home_ss12 .flickity-button svg {
  border-color:#333
}
.home_ss12 .slider {padding-top:0}
/*Coupon*/
.dinhit-product-coupon {
  display:flex;
  flex:0 0 100%;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  min-width:100%;
  margin:0 0 16px;
  padding:13px 14px;
  background:#fff8f7;
  border:1px dashed #e54d42;
  border-radius:8px;
  box-sizing:border-box
}
.dinhit-product-coupon__content {
  min-width:0
}
.dinhit-product-coupon__heading {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:4px
}
.dinhit-product-coupon__badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  color:#fff;
  background:#d93025;
  border-radius:4px;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
  text-transform:uppercase
}
.dinhit-product-coupon__discount {
  color:#d93025;
  font-size:15px;
  line-height:1.4
}
.dinhit-product-coupon__description {
  color:#333;
  font-size:14px;
  line-height:1.5
}
.dinhit-product-coupon__expiry {
  margin-top:3px;
  color:#777;
  font-size:12px;
  line-height:1.4
}
.dinhit-product-coupon__copy {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:8px;
  min-height:38px;
  margin:0;
  padding:6px 8px 6px 12px;
  color:#d93025;
  background:#fff;
  border:1px solid #e54d42;
  border-radius:6px;
  font:inherit;
  line-height:1;
  text-transform:none;
  cursor:pointer;
  box-shadow:none
}
.dinhit-product-coupon__copy:hover {
  color:#fff;
  background:#d93025;
  border-color:#d93025
}
.dinhit-product-coupon__code {
  font-size:14px;
  font-weight:700;
  letter-spacing:0.5px
}
.dinhit-product-coupon__copy-label {
  padding:6px 8px;
  color:#fff;
  background:#d93025;
  border-radius:4px;
  font-size:12px;
  font-weight:600
}
.dinhit-product-coupon__copy:hover
.dinhit-product-coupon__copy-label {
  color:#d93025;
  background:#fff
}
@media (max-width: 549px) {
  .dinhit-product-coupon {
    align-items:flex-start;
    flex-direction:column;
    gap:10px
  }
  .dinhit-product-coupon__copy {
    justify-content:space-between;
    width:100%
  }
}
.dinhit-pmm,.dinhit-pmm *,.dinhit-pmm *::before,.dinhit-pmm *::after{box-sizing:border-box;}
.dinhit-pmm{color:#171717;font-family:inherit;}
.dinhit-pmm a{color:inherit;text-decoration:none;}
.dinhit-pmm button,.dinhit-pmm a{font-family:inherit;}
.dinhit-pmm img{display:block;max-width:100%;margin:0;padding:0;}
@media (min-width:850px){.header-wrapper,.header-main,.header-inner,.header-nav,.header-nav-main,#wide-nav,#wide-nav .flex-row,#wide-nav .nav,.nav-wrapper{overflow:visible;}
#wide-nav li:has(>.nav-dropdown .dinhit-pmm),.header-nav-main li:has(>.nav-dropdown .dinhit-pmm){position:static;}
#wide-nav .nav-dropdown:has(.dinhit-pmm),.header-nav-main .nav-dropdown:has(.dinhit-pmm){left:50%;right:auto;width:min(1000px,calc(100vw - 32px));min-width:0;max-width:none;margin:0;padding:0;border:0;box-shadow:0 15px 40px rgb(0 0 0 / 16%);transform:translateX(-50%);overflow:hidden;}
#wide-nav .nav-dropdown:has(.dinhit-pmm)::before,#wide-nav .nav-dropdown:has(.dinhit-pmm)::after,.header-nav-main .nav-dropdown:has(.dinhit-pmm)::before,.header-nav-main .nav-dropdown:has(.dinhit-pmm)::after{display:none;content:none;}
#wide-nav .nav-dropdown:has(.dinhit-pmm)>li,.header-nav-main .nav-dropdown:has(.dinhit-pmm)>li{display:block;float:none;width:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;}
.nav-dropdown:has(.dinhit-pmm) .html,.nav-dropdown:has(.dinhit-pmm) .ux-block,.nav-dropdown:has(.dinhit-pmm) .section,.nav-dropdown:has(.dinhit-pmm) .section-content,.nav-dropdown:has(.dinhit-pmm) .row,.nav-dropdown:has(.dinhit-pmm) .col,.nav-dropdown:has(.dinhit-pmm) .col-inner{float:none;width:100%;min-width:0;max-width:none;margin:0;padding:0;}
.nav-dropdown:has(.dinhit-pmm) .row{display:block;}
}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm{display:grid;grid-template-columns:300px minmax(0,1fr);width:100%;min-width:0;max-width:none;min-height:500px;margin:0;padding:0;border:0;overflow:hidden;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parents{display:block;width:300px;min-width:300px;max-width:300px;margin:0;padding:16px 0;border-right:1px solid #dedede;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-width:0;min-height:62px;margin:0;padding:14px 26px;color:#171717;background:transparent;border:0;border-bottom:1px solid #e3e3e3;box-shadow:none;outline:none;font-size: 17px;font-weight:500;line-height:1.4;letter-spacing:0;text-align:left;text-transform:none;cursor:pointer;transition:color 0.2s ease,background-color 0.2s ease;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent:last-child{border-bottom:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent:hover,.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent:focus,.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent.is-active{color:#b88945;background:#f5f0e8;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent>span:first-child{display:block;min-width:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent-icon{display:block;flex:0 0 auto;margin:0;padding:0;color:currentColor;font-size:30px;font-weight:300;line-height:1;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__content{display:block;width:100%;min-width:0;max-width:none;margin:0;padding:28px 36px 32px;background:#fff;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__panel{display:none;width:100%;min-width:0;max-width:none;min-height:440px;margin:0;padding:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__panel.is-active{display:grid;grid-template-columns:minmax(250px,0.9fr) minmax(300px,1.1fr);align-items:start;gap:32px;width:100%;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__panel[aria-hidden="true"]{display:none;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__links{display:block;width:100%;min-width:0;margin:0;padding:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__view-all{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:0 0 24px;padding:0;color:#171717;background:transparent;border:0;font-size:18px;font-weight:700;line-height:1.35;text-decoration:none;text-transform:uppercase;transition:color 0.2s ease;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__view-all:hover{color:#b88945;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__view-all>span:first-child{display:block;min-width:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__view-all-icon,.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__collection-icon{display:block;flex:0 0 auto;margin:0;padding:0;font-size:27px;font-weight:300;line-height:1;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__label{display:block;margin:0 0 7px;padding:0;color:#b88945;font-size:14px;font-weight:500;line-height:1.4;text-transform:uppercase;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__child{display:block;width:100%;min-width:0;margin:0;padding:6px 0;color:#171717;background:transparent;border:0;font-size: 15px;font-weight:400;line-height:1.45;text-decoration:none;text-transform:none;overflow-wrap:anywhere;transition:color 0.2s ease,transform 0.2s ease;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__child:hover{color:#b88945;transform:translateX(4px);}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__empty{display:block;margin:0;padding:0;color:#777;font-size:15px;font-weight:400;line-height:1.6;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__media{display:flex;flex-direction:column;align-items:center;justify-content: start;width:100%;min-width:0;min-height:400px;margin:0;padding:10px 0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image-link{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:260px;margin:0;padding:0;background:transparent;border:0;text-decoration:none;overflow:hidden;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image{display:block;width:100%;max-width:360px;height:260px;margin:0 auto;padding:0;object-fit:contain;object-position:center;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image--placeholder{opacity:0.25;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__collection{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin:20px 0 0;padding:0;color:#171717;background:transparent;border:0;font-size:19px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;text-transform:uppercase;transition:color 0.2s ease;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__collection:hover{color:#b88945;}
.dinhit-pmm__view-all:before,.dinhit-pmm__collection:before{display:none;}
.dinhit-pmm__view-all:hover,.dinhit-pmm__collection:hover,.dinhit-pmm__image-link:hover{transform:unset !important;}
@media (min-width:850px) and (max-width:1049px){#wide-nav .nav-dropdown:has(.dinhit-pmm),.header-nav-main .nav-dropdown:has(.dinhit-pmm){width:calc(100vw - 30px);}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm{grid-template-columns:250px minmax(0,1fr);}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parents{width:250px;min-width:250px;max-width:250px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent{padding-right:20px;padding-left:20px;font-size:16px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__content{padding-right:24px;padding-left:24px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__panel.is-active{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:22px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__children{grid-template-columns:1fr;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image{max-width:300px;height:230px;}
}
@media (max-width:849px){.nav-dropdown:has(.dinhit-pmm) .html,.nav-dropdown:has(.dinhit-pmm) .ux-block,.nav-dropdown:has(.dinhit-pmm) .section,.nav-dropdown:has(.dinhit-pmm) .section-content,.nav-dropdown:has(.dinhit-pmm) .row,.nav-dropdown:has(.dinhit-pmm) .col,.nav-dropdown:has(.dinhit-pmm) .col-inner{width:100%;min-width:0;max-width:none;margin:0;padding:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm{display:block;width:100%;min-height:0;box-shadow:none;overflow:visible;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parents{display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:none;margin:0;padding:10px;border-right:0;border-bottom:1px solid #dedede;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent{flex:0 0 auto;width:auto;min-width:auto;min-height:42px;margin:0;padding:8px 13px;border:1px solid #ddd;border-radius:3px;font-size:15px;white-space:nowrap;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__parent-icon{display:none;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__content{width:100%;padding:20px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__panel{min-height:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__panel.is-active{grid-template-columns:minmax(200px,1fr) minmax(220px,1fr);gap:20px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__children{grid-template-columns:1fr;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__media{min-height:280px;padding-top:10px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image-link{height:210px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image{max-width:310px;height:210px;}
}
@media (max-width:549px){.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__content{padding:18px 15px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__panel.is-active{grid-template-columns:1fr;gap:24px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__media{min-height:0;padding-top:0;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image-link{height:210px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__image{max-width:100%;height:210px;}
.nav-dropdown:has(.dinhit-pmm) .dinhit-pmm__collection{font-size:16px;}
}
#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;
    line-height:1.4
  }
	.home_ss12 .flickity-slider > * {
    max-width: 100%;
}
	.home_ss11 .gallery-col.col .box-image {
    width: 130px;
}
.home_ss11 .row.large-columns-4.medium-columns-3.small-columns-2 {
    gap: 16px 0;
}
	.entry-author.author-box .flex-row.align-top {
    flex-direction: column;
    align-items: start !important;
    gap: 16px;
}
	.tabbed-content .nav > li {
    width: 50%;
}
	.single_product_feedback {
    padding: 30px 0 0 !important;
}

.single_product_feedback .section {
    padding: 0;
}
	.single_product_feedback button.flickity-button {
    top: auto !important;
    bottom: -50px;
    display: block;
}

.single_product_feedback .flickity-prev-next-button.previous {
    left: 39% !important;
}

.single_product_feedback .flickity-prev-next-button.next {
    right: 39% !important;
}
}
.shop-page-title.category-page-title {
	padding-bottom: 0;
	background: #fff;
}

.shop-page-title.category-page-title > .page-title-inner {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pinol-category-hero {
	--pinol-category-gold: #bd9c64;
	display: none;
	clear: both;
	width: 100%;
	margin: 0;
	overflow: hidden;
	background:
		linear-gradient(
			90deg,
			#fff 0%,
			#fff 47%,
			var(--pinol-category-gold) 47%,
			var(--pinol-category-gold) 100%
		);
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.pinol-category-hero.is-ready {
	display: block;
}

.pinol-category-hero__inner {
	display: grid;
	grid-template-columns: 43% 57%;
	width: 100%;
	max-width: 1440px;
	min-height: 520px;
	margin: 0 auto;
	padding: 0 15px;
}

.pinol-cat-info {
	align-self: center;
	width: 100%;
	max-width: 510px;
	padding: 60px 30px;
	color: #252525;
	font-size: 17px;
	line-height: 1.55;
}

.pinol-cat-info h1,
.pinol-cat-info h2 {
	margin: 0 0 20px;
	color: #1d1d1d;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.8px;
	text-transform: uppercase;
}

.pinol-cat-info h1 strong,
.pinol-cat-info h2 strong {
	color: var(--pinol-category-gold);
}

.pinol-cat-info h3,
.pinol-cat-info h4 {
	margin: 20px 0 12px;
	color: #1d1d1d;
	line-height: 1.3;
}

.pinol-cat-info p {
	margin: 0 0 12px;
}

.pinol-cat-info p:last-child {
	margin-bottom: 0;
}

.pinol-cat-info ul,
.pinol-cat-info ol {
	margin: 12px 0 12px 20px;
}

.pinol-cat-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 520px;
	padding: 30px 0;
}

.pinol-cat-banner__image {
	display: block;
	width: 115%;
	max-width: 920px;
	max-height: 480px;
	margin: 0;
	object-fit: contain;
	object-position: center;
	transform: translateX(-5%);
}

@media (max-width: 1199px) {
	.pinol-category-hero__inner {
		grid-template-columns: 44% 56%;
		min-height: 450px;
	}

	.pinol-cat-info {
		padding: 45px 25px;
		font-size: 16px;
	}

	.pinol-cat-info h1,
	.pinol-cat-info h2 {
		font-size: 34px;
	}

	.pinol-cat-banner {
		min-height: 450px;
	}

	.pinol-cat-banner__image {
		max-height: 410px;
	}
}

@media (max-width: 849px) {
	.shop-page-title.category-page-title > .page-title-inner {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.pinol-category-hero {
		background: #fff;
	}

	.pinol-category-hero__inner {
		display: flex;
		flex-direction: column;
		min-height: 0;
		padding: 0;
	}

	.pinol-cat-info {
		max-width: none;
		padding: 35px 20px;
	}

	.pinol-cat-info h1,
	.pinol-cat-info h2 {
		font-size: 30px;
	}

	.pinol-cat-banner {
		min-height: 300px;
		padding: 20px;
		background: var(--pinol-category-gold);
	}

	.pinol-cat-banner__image {
		width: 100%;
		max-width: 700px;
		max-height: 320px;
		transform: none;
	}
}

@media (max-width: 549px) {
	.pinol-cat-info {
		padding: 28px 15px;
	}

	.pinol-cat-info h1,
	.pinol-cat-info h2 {
		font-size: 26px;
	}

	.pinol-cat-banner {
		min-height: 240px;
		padding: 15px;
	}

	.pinol-cat-banner__image {
		max-height: 260px;
	}
}

.pinol-category-children {
	display: block;
	width: 100%;
	padding: 55px 0 60px;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.pinol-category-children__inner {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 30px;
}

.pinol-category-children__track {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 42px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 5px 0 15px;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.pinol-category-children__track::-webkit-scrollbar {
	display: none;
}

.pinol-category-child {
	display: flex;
	flex: 0 0 190px;
	flex-direction: column;
	align-items: center;
	color: #222;
	text-align: center;
	text-decoration: none;
}

.pinol-category-child__image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 190px;
	overflow: hidden;
	background: #f3f3f3;
	border-radius: 50%;
	border: 1px solid #ddd;
	transition:
		transform 0.35s ease,
		box-shadow 0.35s ease;
}

.pinol-category-child__thumbnail {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
	object-position: center;
	transition: transform 0.35s ease;
	border: 1px solid #ddd;
}

.pinol-category-child__name {
	display: block;
	margin-top: 18px;
	color: #222;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	transition: color 0.25s ease;
}

.pinol-category-child:hover {
	color: #bd9c64;
}

.pinol-category-child:hover .pinol-category-child__image {
	box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
	transform: translateY(-4px);
}

.pinol-category-child:hover .pinol-category-child__thumbnail {
	transform: scale(1.06);
}

.pinol-category-child:hover .pinol-category-child__name {
	color: #bd9c64;
}

@media (max-width: 1199px) {
	.pinol-category-children {
		padding: 45px 0 50px;
	}

	.pinol-category-children__inner {
		padding: 0 25px;
	}

	.pinol-category-children__track {
		justify-content: flex-start;
		gap: 30px;
	}

	.pinol-category-child {
		flex-basis: 175px;
	}

	.pinol-category-child__image {
		width: 175px;
		height: 175px;
	}
}

@media (max-width: 849px) {
	.pinol-category-children {
		padding: 38px 0 42px;
	}

	.pinol-category-children__inner {
		padding: 0 20px;
	}

	.pinol-category-children__track {
		gap: 22px;
	}

	.pinol-category-child {
		flex-basis: 145px;
	}

	.pinol-category-child__image {
		width: 145px;
		height: 145px;
	}
}

@media (max-width: 549px) {
	.pinol-category-children {
		padding: 30px 0 35px;
	}

	.pinol-category-children__inner {
		padding: 0 15px;
	}

	.pinol-category-children__track {
		gap: 16px;
	}

	.pinol-category-child {
		flex-basis: 125px;
	}

	.pinol-category-child__image {
		width: 125px;
		height: 125px;
	}

	.pinol-category-child__name {
		margin-top: 12px;
		font-size: 12px;
		line-height: 1.35;
	}
}
.single_product_feedback .flickity-prev-next-button.next {
    left: auto;
    right: -16px;
}

.single_product_feedback .flickity-prev-next-button.previous {
    right: auto;
    left: -16px;
}

.single_product_feedback button.flickity-button {
    top: 33%;
}