@import url(../bootstrap/css2.css);

body *,
html {
  --bs-font-sans-serif: "Roboto", sans-serif;
  font-family: "Roboto", sans-serif;
  --bs-body-font-size: 1rem;
}

body,
html {
  overflow-x: hidden;
  touch-action: pan-y;
}

body:not(.article-list):not(.article-detail) #block-idfood-menuchuyenmucbaiviet {
  display: none !important;
}

#navbar-main .nav-bottom .container button.navbar-toggler,
body.article-detail #block-idfood-exposedformsearch-productspage-search-results-2,
body.article-detail #block-idfood-giohang,
body.article-detail #block-idfood-mainmenu,
body.article-detail #block-idfood-secondmenu,
body.article-list #block-idfood-exposedformsearch-productspage-search-results-2,
body.article-list #block-idfood-giohang,
body.article-list #block-idfood-mainmenu,
body.article-list #block-idfood-secondmenu {
  display: none !important;
}

.taxonomy-menu .view-content.row .views-row .views-field-name a,
body.article-detail #block-idfood-menuchuyenmucbaiviet,
body.article-list #block-idfood-menuchuyenmucbaiviet {
  display: block;
}

.toast-container.end-0 {
  right: 50% !important;
  top: calc(50% - 75px) !important;
  transform: translate(50%, 0);
}

.toast-container .toast {
  height: 150px;
}

.block-broken,
.toast-container .rounded {
  display: none;
}

.toast-container .toast-body {
  color: #008b32;
  font-weight: 500;
}

table thead tr,
table tr,
table tr th {
  background: 0 0;
  color: #333;
}

table tr th a,
table tr th p,
table tr th span {
  color: #333;
}

table tr td,
table tr th {
  border: 1px solid #b1b1b1;
  font-size: 15px;
  vertical-align: middle;
}

table tr th {
  text-align: center;
}

table tr td {
  color: #444 !important;
  box-shadow: none !important;
}

body #content.main-content {
  padding-left: 0;
  padding-right: 0;
}

.featured-top,
body #main.container .row.row-offcanvas {
  margin-right: 12px;
  margin-left: 12px;
}

body #main-wrapper,
body #page,
table tr td {
  background: 0 0;
}

/* Add by PhuNM ================= */
body.path-checkout #main.container {
  position: relative;
}

body.path-checkout #main.container .checkout-pane-agree-terms {
  position: absolute;
  left: 12px;
  bottom: 82px;
}

.checkout-pane-coupon-redemption div.form-item-sidebar-coupon-redemption-form-code {
  max-width: 55%;
  float: left;
  display: inline-block;
}

/* END: Add by PhuNM ================= */


#page-wrapper {
  background-color: #fff;
}

.font-cambria {
  font-family: "Lora", sans-serif;
}

body img,
footer img {
  height: auto;
}

.image-full-hd-ratio img {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.image-full-hd-plus-ratio img {
  aspect-ratio: 16/10;
  width: 100%;
  height: auto;
}

.none-poiter-events,
.sidebar .block.committee-structure li.menu-item--expanded > a {
  pointer-events: none;
}

body #main.container {
  background: #fff;
  padding: 0;
  margin: 0 auto 30px;
}

#main a {
  text-decoration: none;
  --bs-link-hover-color: #179e19;
}

#main a:hover {
  color: var(--bs-link-hover-color);
}

.text-justify {
  text-align: justify;
}

#main .breadcrumb {
  padding: 10px 0;
  align-items: baseline;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 20px;
}

#main .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #696969;
}

#main .breadcrumb-item,
#main .breadcrumb-item > a {
  color: #696969;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

#main .breadcrumb-item > a {
  color: #ee3338;
}

ol.breadcrumb li:first-child a::before {
  display: none !important;
  content: "";
  background-image: url('data:image/svg+xml,<svg class="bi bi-house" width="1em" height="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 13.5V7h1v6.5a.5.5 0 00.5.5h9a.5.5 0 00.5-.5V7h1v6.5a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 012 13.5zm11-11V6l-2-2V2.5a.5.5 0 01.5-.5h1a.5.5 0 01.5.5z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.293 1.5a1 1 0 011.414 0l6.647 6.646a.5.5 0 01-.708.708L8 2.207 1.354 8.854a.5.5 0 11-.708-.708L7.293 1.5z" clip-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
  background-position: 0 0.15rem;
  width: 1.5rem;
  height: 1.1rem;
}

.node__content {
  margin-top: 0;
}

body table {
  border: 1px solid #dedede;
  background: 0 0;
}

#CollapsingNavbar {
  display: block !important;
  height: 48px;
}

body.scrolled #CollapsingNavbar {
  display: flex !important;
  justify-content: space-between !important;
}

@media screen and (min-width: 576px) {
  #header #navbar-main,
  body.scrolled #header #navbar-main {
    background-repeat: no-repeat;
    flex-wrap: wrap;
    justify-content: center;
  }

  #header #navbar-main {
    background: #fff url(../images/bg_header_01.jpg);
    background-size: cover;
    background-position: top center;
    padding: 0;
    transition: 0.2s;
    position: relative;
  }

  #header #navbar-main:before {
    display: block;
    content: '';
    width: 15%;
    height: calc(100% - 48px);
    background: url(../images/bg_header_left.png) no-repeat;
    background-size: contain;
    background-position: top left;
    position: absolute;
    left: 0;
    top: 0;
  }

  #header #navbar-main:after {
    display: block;
    content: '';
    width: 15%;
    height: calc(100% - 48px);
    background: url(../images/bg_header_right.png) no-repeat;
    background-size: contain;
    background-position: top right;
    position: absolute;
    right: 0;
    top: 0;
  }

  body.scrolled #header #navbar-main {
    background: url(../images/bg_header_01.jpg);
    background-size: cover;
    background-position: center center;
    box-shadow: 0 1px 4px 2px #ccc;
  }
}

#navbar-main .nav-top {
  width: 100%;
  padding-top: 26px;
  padding-bottom: 26px;
  position: relative;
  height: 155px;
  align-items: center;
  z-index: 10;
}

#navbar-main .nav-bottom {
  width: 100%;
  background: #009a1d;
}

#navbar-main .nav-bottom .container,
.home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner {
  position: relative;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu {
  position: absolute;
  top: 0;
  left: 0;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul {
  list-style: none;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul li {
  padding-right: 10px;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  display: inline-flex;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul li a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul li:first-child a:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -1px;
  width: 22px;
  height: 13px;
  background-image: url(../images/image-icons.png);
  background-position: -23px -4px;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul li:nth-child(2) a:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -3px;
  width: 16px;
  height: 16px;
  background-image: url(../images/image-icons.png);
  background-position: -48px -3px;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul li:last-child a:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -1px;
  width: 17px;
  height: 11px;
  background-image: url(../images/image-icons.png);
  background-position: 0 -26px;
}

#navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul li:last-child a.vn-flag:before {
  background-position: -20px -26px;
}

#CollapsingNavbar .block-superfish {
  display: inline-block !important;
  width: auto !important;
}

#superfish-main-menu li.sf-depth-1:first-child a,
#superfish-menu-chuyen-muc-bai-viet li.sf-depth-1:first-child a {
  color: transparent;
  overflow: hidden;
  width: 60px;
  height: 48px;
}

#superfish-main-menu li.sf-depth-1:first-child a:before,
#superfish-menu-chuyen-muc-bai-viet li.sf-depth-1:first-child a:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  font-size: 1.5rem;
  position: absolute;
  top: 10px;
  left: 17px;
}

#superfish-main-menu li,
#superfish-main-menu li a,
#superfish-main-menu-accordion li,
#superfish-main-menu-accordion li a,
#superfish-menu-chuyen-muc-bai-viet li,
#superfish-menu-chuyen-muc-bai-viet li a,
#superfish-menu-chuyen-muc-bai-viet-accordion li,
#superfish-menu-chuyen-muc-bai-viet-accordion li a {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
}

#superfish-main-menu li,
#superfish-main-menu-accordion li,
#superfish-menu-chuyen-muc-bai-viet li,
#superfish-menu-chuyen-muc-bai-viet-accordion li {
  text-transform: uppercase;
}

.sf-clone-parent,
body #header #navbar-main #block-idfood-gobackhistoryblock {
  display: none;
}

#superfish-main-menu li.active-trail,
#superfish-main-menu li:hover,
#superfish-main-menu-accordion li.active-trail,
#superfish-main-menu-accordion li:hover,
#superfish-menu-chuyen-muc-bai-viet li.active-trail,
#superfish-menu-chuyen-muc-bai-viet li:hover,
#superfish-menu-chuyen-muc-bai-viet-accordion li.active-trail,
#superfish-menu-chuyen-muc-bai-viet-accordion li:hover {
  background: #007907;
}

#superfish-main-menu li.active-trail > a,
#superfish-main-menu li:hover > a,
#superfish-main-menu-accordion li.active-trail > a,
#superfish-main-menu-accordion li:hover > a,
#superfish-menu-chuyen-muc-bai-viet li.active-trail > a,
#superfish-menu-chuyen-muc-bai-viet li.hover > a,
#superfish-menu-chuyen-muc-bai-viet-accordion li.active-trail > a,
#superfish-menu-chuyen-muc-bai-viet-accordion li.hover > a {
  color: #ffff0c;
}

#superfish-main-menu li.active-trail > a:before,
#superfish-main-menu li:hover > a:before,
#superfish-menu-chuyen-muc-bai-viet li.active-trail > a:before,
#superfish-menu-chuyen-muc-bai-viet li.hover > a:before {
  color: #ffff0c !important;
}

#superfish-main-menu li.menuparent > ul,
#superfish-menu-chuyen-muc-bai-viet li.menuparent > ul {
  width: fit-content;
}

#superfish-main-menu li.menuparent > ul > li,
#superfish-menu-chuyen-muc-bai-viet li.menuparent > ul > li {
  line-height: 1.5;
  text-wrap: nowrap;
}

#superfish-main-menu li a,
#superfish-menu-chuyen-muc-bai-viet li a {
  padding: 1.1em 1.35em;
}

#superfish-main-menu .menuparent li a,
#superfish-menu-chuyen-muc-bai-viet .menuparent li a {
  padding: 0.5em 1.35em;
  font-size: 14px;
}

#superfish-main-menu li.menuparent ul,
#superfish-menu-chuyen-muc-bai-viet li.menuparent ul {
  background: #009a1d;
}

#superfish-main-menu li.sfHover > ul,
#superfish-menu-chuyen-muc-bai-viet li.sfHover > ul {
  top: 2.85rem !important;
}

#superfish-main-menu li.sf-depth-2.sfHover > ul,
#superfish-menu-chuyen-muc-bai-viet li.sf-depth-2.sfHover > ul {
  top: 0 !important;
  right: auto;
  left: 100% !important;
}

#superfish-main-menu .sf-sub-indicator,
#superfish-menu-chuyen-muc-bai-viet .sf-sub-indicator {
  opacity: 1 !important;
  right: 10px !important;
}

#superfish-main-menu a.menuparent,
#superfish-menu-chuyen-muc-bai-viet a.menuparent {
  padding-right: 35px;
}

#superfish-main-menu .sf-sub-indicator:after,
#superfish-menu-chuyen-muc-bai-viet .sf-sub-indicator:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  color: #fff;
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  top: 0;
}

#block-idfood-secondmenu {
  display: inline-block !important;
  float: right;
  width: auto;
}

body.scrolled #block-idfood-secondmenu {
  display: none !important;
}

#block-idfood-secondmenu > .container {
  display: flex;
  justify-content: flex-end;
}

#header .container .container {
  padding: 0 !important;
}

#superfish-second-menu a {
  color: #fff;
  text-decoration: none;
  position: relative;
}

#superfish-second-menu li:not(:first-child) a:before {
  content: "";
  width: 2px;
  height: 35%;
  display: block;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#superfish-second-menu li:last-child a {
  padding-right: 0 !important;
}

body.scrolled #header #navbar-main {
  height: 95px;
}

body.scrolled #navbar-main .nav-top {
  height: 95px;
  padding: 16px 15px;
  align-items: center;
}

footer.site-footer {
  padding: 0;
  font-family: "Roboto", sans-serif;
  position: relative;
}

.site-footer .content {
  font-size: var(--bs-body-font-size);
}

footer.site-footer:after {
  display: block;
  content: "";
  width: 100%;
  height: 70px;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #fff url(../images/bg-copy-right-03-green.png) bottom right no-repeat;
  background-size: auto 100%;
}

footer #block-idfood-footerbottom > .container,
footer.site-footer .site-footer__top {
  padding: 0;
}

footer.site-footer .site-footer__top > .row {
  width: 23%;
}

footer.site-footer .site-footer__top > .row:first-child {
  width: 36%;
}

footer.site-footer p {
  color: #fff;
  margin: auto;
}

.sidebar .block.committee-structure ul.nav > li > ul,
footer.site-footer .site-footer__top .content ul {
  padding-left: 0;
}

footer.site-footer .site-footer__top .content li span {
  margin-right: 5px;
  font-size: 12px;
  margin-top: 5px;
}

footer.site-footer .site-footer__top .content li a {
  font-size: 14px !important;
  text-indent: 0;
  padding: 0;
  line-height: 1.5;
  text-decoration: none;
  color: #fff;
  border: 0;
}

footer.site-footer .site-footer__top .content li a:hover {
  background-color: transparent;
}

footer.site-footer .site-footer__top .content li {
  padding-bottom: 5px;
  display: flex;
  color: #fff;
}

footer .site-footer__bottom {
  margin-top: 0;
  text-align: left;
  padding-bottom: 35px;
}

footer .site-footer__bottom .row {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

footer .site-footer__bottom .block {
  margin: 0;
  z-index: 9;
}

footer .field--name-body ul li,
footer .site-footer__bottom .content {
  padding: 0;
}

footer .site-footer__bottom .content p {
  color: #6d6d6d;
  font-size: 14px;
}

footer .field--name-body ul {
  list-style: none;
  text-align: left;
  padding-left: 0 !important;
}

footer .field--name-body ul li:last-child {
  border-right: none !important;
}

footer .field--name-body ul li a {
  font-family: "Roboto", sans-serif;
  color: #fff !important;
  text-decoration: none;
  border: 0 !important;
  border-color: transparent !important;
  font-size: var(--bs-body-font-size);
}

footer .field--name-body ul li a:focus {
  background: 0 0;
  background-color: transparent !important;
}

footer .field--name-body ul li a:hover {
  background-color: transparent !important;
  color: #ffe200 !important;
}

.site-footer .block {
  border: 0;
  border-color: transparent;
  font-size: 1rem !important;
  padding: 0;
}

footer .footer-title {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

.site-footer .block ._social ul li {
  display: inline-flex;
  padding-right: 5px;
}

.site-footer .block .link-app ul {
  display: flex;
}

.site-footer .block .link-app ul img {
  height: 40px;
  width: auto;
}

@media screen and (max-width: 575px) {
  footer #block-idfood-footerfirst > .container {
    padding: 0;
  }

  .view-commerce-checkout-order-summary .view-content.row {
    margin: 0 !important;
  }

  .view-commerce-checkout-order-summary .view-content.row .table-responsive {
    padding: 0 !important;
  }

  .path-checkout .commerce-checkout-flow-multistep-default #edit-review #edit-review-payment-information {
    border-top: 1px dotted #000;
    padding-top: 10px;
  }

  .path-checkout .layout-checkout-form #edit-shipping-information-shipments-0-shipping-method-wrapper {
    border-top: 1px dotted #000;
    padding-top: 10px;
    margin-top: 30px;
  }

  .path-checkout .layout-checkout-form #edit-shipping-information {
    padding-bottom: 0;
  }
}

body:not(.home-page) .taxonomy-menu,
body:not(.scrolled) #block-idfood-exposedformsearch-productspage-search-results-2,
body:not(.scrolled) #block-idfood-giohang {
  display: none;
}

.taxonomy-menu {
  margin-top: 25px;
  background: #e8f3e7;
  padding: 40px 25px 35px;
}

.taxonomy-menu .view-content.row {
  display: flex;
  margin: 0;
  justify-content: center;
}

.taxonomy-menu .view-content.row .views-row {
  width: 9.5%;
  text-align: center;
  padding: 0;
  margin: 0 3px;
}

.product-detail .product-images .imagefield_slideshow-wrapper #image-pager img:last-child,
.taxonomy-menu .view-content.row .views-row:last-child {
  margin-right: 0;
}

.taxonomy-menu .view-content.row .views-row:first-child {
  margin-left: 0;
}

.taxonomy-menu .view-content.row .views-row .views-field-name * {
  font-size: 15px;
  font-family: Roboto, sans-serif;
  color: #555;
  font-weight: 400;
  text-transform: capitalize;
}

.taxonomy-menu .view-content.row .views-row .views-field-field-category-icon img {
  border: 1px solid #dadada;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 50%;
  background: #fff;
}

.block-views-blockhome-product-che-bien-block-list-products,
.block-views-blockhome-product-rau-cu-block-list-products,
.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid
.views-field-field-quality-certificate
.vocabulary-term-quality-certification
h2 {
  display: none;
}

.home-page #main h2 {
  text-align: center;
  color: #008b32;
  font-size: 30px;
  text-transform: uppercase;
  font-family: "RobotoSlab" !important;
  font-weight: 700;
}

.article-list #main.container .row.row-offcanvas,
.home-page .view-trang-chu-banner-slider {
  margin-top: 30px;
}

.home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid,
.one-page #edit-container .js-form-item input,
.one-page #edit-container .js-form-item textarea,
.view-tra-cuu-don-hang .addres table {
  border: 0;
}

.home-page .view-sub-product-slider .item-list ul,
.home-page .view-trang-chu-banner-slider .slick-slide ul {
  margin: auto;
}

#block-block-content-2bc72fb9-39bd-4307-bc4a-cf67b45f45d3 > .container,
#block-block-content-80039833-96bd-4e8c-860c-732105a61372 > .container,
#block-block-content-db64032e-fb1e-46b2-8969-606bb1c3b512 > .container,
.home-page .view-trang-chu-banner-slider .slick-slide ul li {
  padding: 0;
}

.home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid img,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid:hover:after {
  width: 100%;
}

.home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner-content {
  position: absolute;
  bottom: 33%;
  left: 0;
  padding-left: 5%;
}

.home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner-content .slide-content-title {
  color: #fff;
  font-size: 44px;
  font-weight: 600;
  text-transform: uppercase;
}

.home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner-content .slide-content-link a {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.block-views-blocktrang-chu-khuyen-mai-block-1 {
  margin-top: 30px;
  margin-bottom: 60px;
}

.view-trang-chu-khuyen-mai .slick--view--trang-chu-khuyen-mai {
  padding: 0 !important;
}

.view-trang-chu-khuyen-mai .slick-slide {
  padding: 5px;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid {
  border-radius: 0;
  width: 100%;
  padding: 0;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

.home-page .product-category-slide .slick__slide ul li:hover,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid:hover {
  border-color: #109a2c;
  box-shadow: 0 6px 5px -4px #c1c1c1;
}

.product-list-view .product-item:after,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid:after,
.product-list-view-sale-off .product-item:after {
  display: block;
  width: 0;
  height: 2px;
  background: #109a2c;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.view-trang-chu-khuyen-mai .slick-slide > div > ul {
  padding: 0 5px;
  margin: 0;
}

.home-page
.product-category-slide
.view-content.row
.slide__grid
.slick__slide
.views-field-field-product-images
.field-content,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-field-product-images .field-content {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-field-product-images .field-content a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid
.slick__slide
.views-field-field-product-images
.field-content
img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
}

.home-page
.product-category-slide
.view-content.row
.slick__slide:hover
.views-field-field-product-images
.field-content
img,
.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid:hover
.slick__slide
.views-field-field-product-images
.field-content
img {
  transform: scale(1.2);
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .km-content,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-nothing-2 {
  padding: 15px 15px 0;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .km-content .km-content-title {
  font-size: 15px;
  font-weight: 400;
  color: #555;
  min-height: 52px;
}

.home-page .product-category-slide .view-content.row ul li:hover .slick__slide .views-field-title,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide:hover .km-content .km-content-title {
  color: #109a2c;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-nothing-1 {
  overflow: hidden;
  padding: 0 15px;
  position: relative;
}

.home-page .product-category-slide .view-content.row .slide__grid .views-field-nothing span,
.home-page .product-reviews span,
.product-list-view .product-item .review span,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-nothing-1 span,
.product-list-view-sale-off .product-item .review span {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-nothing-2 .km-content-price {
  color: #109a2c;
  font-size: 20px;
  font-weight: 500;
}

.product-categ-list-view .product-item .views-field-nothing ._price_product > div,
.product-list-view .product-item .views-field-nothing ._price_product > div,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-nothing-2 .km-content-price > div,
.product-list-view-sale-off .product-item .views-field-nothing ._price_product > div {
  display: flex;
  align-items: baseline;
}

.home-page
.product-category-slide
.view-content.row
.slick__slide
.views-field-variations-target-id
.field-content
div.field--label-hidden:nth-child(1),
.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid
.slick__slide
.views-field-nothing-2
.km-content-price
div:nth-child(1) {
  padding-right: 10px;
}

.home-page
.product-category-slide
.view-content.row
.slick__slide
.views-field-variations-target-id
.field-content
div.field--label-hidden:nth-child(2),
.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid
.slick__slide
.views-field-nothing-2
.km-content-price
div:nth-child(2) {
  color: #b1b1b1 !important;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 400;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-variations-target-id-1 {
  display: block;
  width: 100%;
  text-align: center;
  min-height: 50px;
  position: relative;
  margin-top: 15px;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-view-commerce-product {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-view-commerce-product a {
  text-indent: -99999px;
  display: block;
  height: 100%;
  width: 100%;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-field-cac-chuong-trinh-khuyen-ma {
  position: absolute;
  width: 100%;
  top: 0;
  height: auto;
}

.block-6-6 > div img,
.block-7-5 > div img,
.block-col-4 > div img,
.home-page .product-category-slide .view-content.row .slide__grid .views-field-field-cac-chuong-trinh-khuyen-ma img,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-field-cac-chuong-trinh-khuyen-ma img {
  width: 100%;
  height: auto;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .percent-sale {
  display: inline-block;
  position: absolute;
  top: -7px;
  right: -34px;
  padding: 12px 30px 2px;
  font-size: 14px;
  background: red;
  color: #fff;
  font-weight: 600;
  rotate: 50deg;
}

.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-field-quality-certificate {
  position: absolute;
  left: 1px;
  top: 1px;
}

.home-page
.product-category-slide
.view-content.row
.slide__grid
.views-field-field-quality-certificate
.vocabulary-term-quality-certification,
.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid
.views-field-field-quality-certificate
.vocabulary-term-quality-certification {
  display: inline-block;
  float: left;
  margin-right: 1px;
}

.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid
.views-field-field-quality-certificate
.vocabulary-term-quality-certification
img {
  height: 35px;
  width: auto;
}

.home-page
.product-category-slide
.view-content.row
.slide__grid
.views-field-field-quality-certificate
.vocabulary-term-quality-certification
h2,
.home-page
.product-category-slide
.view-content.row
.slide__grid
.views-field-variations-target-id-1
.form-actions
.button--buy-now,
.home-page
.product-category-slide
.view-content.row
.slide__grid
.views-field-variations-target-id-1
.form-actions
button:before,
.home-page
.product-category-slide
.view-content.row
.slide__grid
.views-field-variations-target-id-1
.form-actions
button[data-drupal-selector="edit-wishlist"],
.home-page .view-sub-product-slider .slick__arrow,
.view-home-processed-foods .view-sub-processed-foods .slick__arrow,
.view-home-vegetable .view-sub-vegetable .slick__arrow,
.view-trang-chu-khuyen-mai .slick-dots li button:before,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-variations-target-id-1 .form-actions .button--buy-now,
.view-trang-chu-khuyen-mai
.slick-slide
.slide__grid
.views-field-variations-target-id-1
.form-actions
button[data-drupal-selector="edit-wishlist"],
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-variations-target-id-1 input.button:before {
  display: none;
}

.home-page .product-category-slide .view-content.row .slide__grid .views-field-variations-target-id-1 input.button,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-variations-target-id-1 input.button {
  background: 0 0;
  border: 1px solid #109a2c;
  border-radius: 30px;
  color: #006815;
  font-size: 14px;
  padding: 6px 20px;
  position: absolute;
  width: 162px;
  left: calc((100% - 162px) / 2);
  top: 0;
  z-index: 9;
}

.home-page
.product-category-slide
.view-content.row
.slide__grid
.views-field-variations-target-id-1
input.button:hover,
.view-trang-chu-khuyen-mai .slick-slide .slide__grid .views-field-variations-target-id-1 input.button:hover {
  background: #109a2c;
  color: #fff;
}

.view-trang-chu-khuyen-mai .slick__arrow button {
  width: 58px;
  height: 98px;
}

.view-trang-chu-khuyen-mai .slick__arrow button.slick-prev {
  left: -50px;
}

.view-trang-chu-khuyen-mai .slick__arrow button.slick-prev:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/arrow_left.png) no-repeat;
  background-size: cover;
  display: block;
}

.view-trang-chu-khuyen-mai .slick__arrow button.slick-next {
  right: -50px;
}

.view-trang-chu-khuyen-mai .slick__arrow button.slick-next:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/arrow_right.png) no-repeat;
  background-size: cover;
  display: block;
}

.view-trang-chu-khuyen-mai .slick-dots {
  bottom: -45px;
}

.home-page .product-category-slide .slick-dots li,
.view-trang-chu-khuyen-mai .slick-dots li {
  width: 58px;
  height: 12px;
  margin: 0 10px;
}

.view-trang-chu-khuyen-mai .slick-dots li button {
  width: 58px;
  height: 12px;
  border: 2px solid #109a2c;
}

.home-page .product-category-slide .slick-dots li.slick-active button,
.view-trang-chu-khuyen-mai .slick-dots li.slick-active button {
  border: 2px solid #e5bd01;
  background: #e5bd01;
}

.block-views-blockhome-vegetable-block-1 {
  margin-top: 40px;
  margin-bottom: 60px;
  background: linear-gradient(90deg, #e8f3e7 87%, #fff 13%);
  padding: 60px 0;
}

.block-view-sp .js-form-item,
.home-page .product-category-slide .slick__slide ul li:hover:after,
.product-list-view .product-item:hover:after,
.product-list-view-sale-off .product-item:hover:after {
  width: 100%;
}

.block-view-sp .js-form-item > div {
  border: 0;
  background: 0 0;
}

.block-view-sp .js-form-item > div ul {
  display: flex;
  padding-left: 0;
  justify-content: center;
}

.block-view-sp .js-form-item > div ul li {
  list-style: none;
  padding: 0 30px;
  border-right: 1px solid #555;
}

.block-view-sp .js-form-item > div ul li a {
  color: #555;
  font-weight: 400;
  font-size: 18px;
}

.block-view-sp .js-form-item > div ul li a.bef-link--selected,
.block-view-sp .js-form-item > div ul li a:hover {
  color: #109a2c !important;
}

.block-view-sp .js-form-item > div ul li:last-child {
  border: 0;
}

.home-page .block-view-sp .view-sub-product-slider {
  padding-right: 15px;
  height: 100%;
}

.home-page .block-view-sp .view-sub-product-slider .slick-slide *,
.home-page .block-view-sp .view-sub-product-slider div {
  height: inherit;
  background: 0 0;
}

.home-page .view-home-processed-foods .view-sub-product-slider {
  padding-left: 15px;
  padding-right: 0;
}

.home-page .view-sub-product-slider .item-list ul li {
  border: 0;
  padding: 0;
}

.home-page .view-sub-product-slider .item-list ul li img {
  width: 100%;
  height: calc(100% - 10px) !important;
}

.home-page .view-sub-product-slider .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}

.home-page .view-sub-product-slider .slick-dots li button {
  border: 3px solid #fff;
  border-radius: 50px;
}

.home-page .view-sub-product-slider .slick-dots li button:before {
  color: #fff;
  opacity: 1;
  font-size: 1.2rem;
  line-height: 22px;
}

.home-page .view-sub-product-slider .slick-dots li.slick-active button:before {
  color: red;
}

.home-page .product-category-slide .slick-slide > div {
  margin-bottom: 5px;
}

.home-page .product-category-slide .view-content.row .slick__slide {
  padding: 0 5px;
}

.home-page .product-category-slide .view-content.row ul li > .slick__slide {
  padding: 0;
  overflow: hidden;
}

.home-page .product-category-slide .view-content.row > .slick--view > .slick__slide {
  width: 25%;
}

.home-page .product-category-slide .slick__slide ul,
body.product-detail #content.main-content .featured-top {
  margin: 0;
}

.home-page .product-category-slide .slick__slide ul li {
  border: 1px solid #00000020;
  padding: 0;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  position: relative;
  background: #fff;
}

.home-page .product-category-slide .slick__slide ul li .slick__slide {
  display: block;
  height: 100%;
}

.home-page .product-category-slide .slick__slide ul li:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 2px;
  background: #109a2c;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.home-page .product-category-slide .view-content.row ul li .slick__slide .views-field-title {
  font-size: 15px;
  padding: 10px 10px 0;
  color: #555;
  text-align: left;
  min-height: 58px;
}

.home-page
.product-category-slide
.view-content.row
.slide__grid
.slick__slide
.views-field-field-product-images
.field-content
a {
  width: 100%;
  height: 100%;
  display: flex;
}

.home-page
.product-category-slide
.view-content.row
.slick__slide
.views-field-field-product-images
.field-content
img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
}

.home-page .product-category-slide .view-content.row .slide__grid .views-field-view-commerce-product {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-page .product-category-slide .view-content.row .slide__grid .views-field-view-commerce-product a {
  text-indent: 999999px;
  display: block;
  height: 100%;
  width: 100%;
}

.home-page .product-category-slide .view-content.row .slide__grid .views-field-field-cac-chuong-trinh-khuyen-ma {
  position: absolute;
  width: 100%;
  top: 0;
  height: auto;
}

.home-page .product-category-slide .view-content.row .slide__grid .percent-sale {
  display: inline-block;
  position: absolute;
  top: -7px;
  right: -34px;
  padding: 12px 30px 2px;
  font-size: 14px;
  background: red;
  color: #fff;
  font-weight: 600;
  rotate: 50deg;
}

.home-page .product-category-slide .view-content.row .slide__grid .views-field-field-quality-certificate {
  position: absolute;
  top: 1px;
  left: 1px;
}

.home-page
.product-category-slide
.view-content.row
.slide__grid
.views-field-field-quality-certificate
.vocabulary-term-quality-certification
img {
  height: 35px;
  width: auto;
}

.home-page .slick--less .view-sub-vegetable .slick-track {
  text-align: left !important;
}

.home-page .slick--less .view-sub-processed-foods .slick-track {
  text-align: right !important;
}

.slick--view--home-processed-foods > .slick__slide,
.slick--view--home-vegetable > .slick__slide {
  display: flex;
  flex-wrap: wrap;
}

.home-page .product-category-slide .view-content.row .slick-dotted.slick-slider,
.path-cart .cart.cart-form table tr td > div {
  margin-bottom: 0 !important;
}

.home-page .product-category-slide .view-content.row .slide__grid .slick__slide > .views-field-nothing {
  overflow: hidden;
  padding: 0 10px;
  position: relative;
}

.home-page .product-category-slide .view-content.row .slick__slide .views-field-variations-target-id {
  color: #109a2c;
  font-size: 18px;
  font-weight: 500;
}

.home-page
.product-category-slide
.view-content.row
.slick__slide
.views-field-variations-target-id
.field-content
> div {
  display: flex;
  align-items: baseline;
  padding: 0 10px;
}

.home-page .product-category-slide .view-content.row .slide__grid .views-field-variations-target-id-1 {
  display: block;
  width: 100%;
  text-align: center;
  min-height: 50px;
  position: relative;
  margin-top: 15px;
}

.home-page .product-category-slide .slick-dots li button:before {
  display: none;
}

.home-page .product-category-slide .slick-dots {
  bottom: -45px;
}

.home-page .product-category-slide .slick-dots li button {
  width: 58px;
  height: 12px;
  border: 2px solid #109a2c;
}

.view-sub-processed-foods > .view-content.row > .slick.slick--view {
  text-align: -webkit-right;
}

.block-views-blockhome-processed-foods-block-1 {
  margin-top: 40px;
  margin-bottom: 60px;
  background: linear-gradient(270deg, #e8f3e7 87%, #fff 13%);
  padding: 60px 0;
}

.home-page #block-views-block-view-bai-viet-trang-chu-block-1 {
  margin: 30px 0;
}

.home-page .view-view-bai-viet-trang-chu .view-content .views-row:first-child .views-field-nothing {
  padding-left: 0 !important;
}

.home-page .view-view-bai-viet-trang-chu .view-content .views-row:last-child .views-field-nothing {
  padding-right: 0 !important;
}

.home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing ._img_article {
  width: 100%;
  overflow: hidden;
}

.home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing ._title_article a {
  font-size: 20px;
  font-weight: 500;
  color: #38383d;
}

.home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing ._read_more_article {
  text-align: end;
  font-size: 14px;
}

.home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing ._read_more_article a {
  color: #00a61f;
  position: relative;
}

.home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing ._read_more_article a::before,
.view-product-bai-viet-lien-quan .article-item-relate .views-field-nothing ._read_more_article a::before {
  background: url(../images/arrow-right.svg) no-repeat center center;
  display: block;
  position: absolute;
  width: 12px;
  height: 10px;
  content: "";
  left: -15px;
  top: 3px;
}

.home-page .view-view-bai-viet-trang-chu .view-footer {
  text-align: center;
  padding: 30px 0;
}

.home-page .view-view-bai-viet-trang-chu .view-footer a {
  padding: 5px 45px;
  color: #008b32;
  border-radius: 30px;
  border: 1px solid #008b32;
  font-weight: 400;
}

.home-page .view-view-bai-viet-trang-chu .view-footer a:hover {
  color: #fff !important;
  background-color: #008b32;
  border: 2px solid #008b32;
}

#block-idfood-exposedformsearch-productspage-search-results,
.block-search-form-block {
  width: 40%;
}

#block-idfood-exposedformsearch-productspage-search-results .content,
#block-idfood-exposedformsearch-productspage-search-results .form-item-search-api-fulltext,
#block-idfood-exposedformsearch-productspage-search-results-2 .content,
#block-idfood-exposedformsearch-productspage-search-results-2 .form-item-search-api-fulltext,
.block-search-form-block .content,
.block-search-form-block .form-item-keys {
  width: 100%;
  margin-bottom: 0 !important;
  position: relative;
}

#block-idfood-exposedformsearch-productspage-search-results .content .form-actions,
.block-search-form-block .content .form-actions {
  position: absolute;
  margin-bottom: 0 !important;
  right: 0;
  top: 0;
}

#block-idfood-exposedformsearch-productspage-search-results .form-actions button,
.block-search-form-block .content .form-actions button {
  background-color: #179e19 !important;
  color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 70px;
  height: 38px;
  overflow: hidden;
  border-radius: 0 50px 50px 0;
}

#block-idfood-exposedformsearch-productspage-search-results .form-actions button:before,
.block-search-form-block .content .form-actions button:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  width: 21px;
  height: 21px;
  font-weight: 600;
  background: 0 0;
  color: #fff;
}

#block-idfood-exposedformsearch-productspage-search-results .content input,
#block-idfood-exposedformsearch-productspage-search-results-2 .content input,
.block-search-form-block .content input {
  border-radius: 50px;
  padding-left: 15px;
}

#block-idfood-exposedformsearch-productspage-search-results .content input::placeholder,
#block-idfood-exposedformsearch-productspage-search-results-2 .content input::placeholder,
.block-search-form-block .content input::placeholder {
  font-size: 14px;
  opacity: 0.6;
}

#block-idfood-hotline a,
#hotline p a {
  color: #000;
}

#block-idfood-exposedformsearch-productspage-search-results-2 {
  width: 30%;
  display: inline-block;
}

#block-idfood-exposedformsearch-productspage-search-results-2 .content .form-actions {
  position: absolute;
  margin-bottom: 0 !important;
  right: 0;
  top: 1px;
}

#block-idfood-exposedformsearch-productspage-search-results-2 .form-actions button {
  background-color: #fff !important;
  color: transparent !important;
  border-color: #179e19;
  border-width: 0 0 0 1px !important;
  border-style: solid;
  box-shadow: none !important;
  width: 70px;
  height: 36px;
  overflow: hidden;
  border-radius: 0 50px 50px 0;
}

#block-idfood-exposedformsearch-productspage-search-results-2 .form-actions button:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  width: 21px;
  height: 21px;
  font-weight: 600;
  background: 0 0;
  color: #179e19;
}

#hotline p {
  line-height: 1;
}

#hotline p.padding-2 {
  padding-top: 2px;
}

#block-idfood-cart,
#block-idfood-giohang {
  text-align: end;
  background: #faca2b;
  padding: 2px 30px;
  border-radius: 40px;
}

#block-idfood-cart .cart-block--link__expand,
#block-idfood-giohang .cart-block--link__expand {
  text-decoration: none;
  display: flex;
  align-items: center;
}

#block-idfood-cart span.cart-block--summary__count,
#block-idfood-giohang span.cart-block--summary__count {
  display: block;
  text-indent: 0;
  text-align: center;
  overflow: hidden;
  color: #333;
  font-weight: 500;
  font-size: 15px;
  padding-left: 10px;
}

.sidebar .block {
  margin-bottom: calc(0.5 * var(--bs-gutter-x));
}

#block-snnptnt-phutho-trangchublocklinklienket--2,
#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 {
  padding: 0 !important;
}

#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 {
  background-color: #fffaef;
  border: 1px solid #dedede;
}

#block-snnptnt-phutho-trangchublocklinklienket--2 {
  background: 0 0;
  border: 0;
}

#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2 .view-header,
#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2 .view-header a,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 .view-header,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 .view-header a {
  background: #179e19;
  color: #fff;
}

#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2 .article-short-list a,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 .article-short-list a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2 ul.article-short-list li:last-child,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 ul.article-short-list li:last-child {
  margin-bottom: 0;
}

#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2 .view-footer,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 .view-footer {
  text-align: right;
}

#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2 .view-footer a,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 .view-footer a,
.view-chuong-trinh-khuyen-mai-group .view-header a {
  color: #179e19;
}

#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2 .view-footer a:before,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2 .view-footer a:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  color: #179e19;
  font-size: 12px;
  padding-top: 5px;
  padding-right: 10px;
}

.sidebar .block.block-views-blocklien-ket-websites-block-1 {
  background-color: #ce8d47;
}

.sidebar .block.block-views-blocklien-ket-websites-block-1 h2 {
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  text-shadow: none;
  border-bottom: none;
  margin-bottom: 0;
}

.sidebar .block.block-views-blocklien-ket-websites-block-1 select {
  height: 34px;
  width: 100%;
  border-radius: 5px;
  border: 0;
}

.sidebar .block.committee-structure {
  background-color: #009a1d;
}

.sidebar .block.committee-structure ul,
.sidebar_first .product_filter_sidebar fieldset ul li {
  list-style: none;
}

.sidebar .block.committee-structure li,
.sidebar .block.committee-structure li a {
  color: #fff;
  font-family: "Roboto", sans-serif;
}

.sidebar .block.committee-structure a:hover,
.sidebar .block.committee-structure li:not(.menu-item--expanded) a.active {
  color: #ffff0c !important;
}

.sidebar .block.committee-structure li.menu-item--expanded {
  text-transform: uppercase;
  font-weight: 700;
}

.sidebar .block.committee-structure ul.menu > li:not(.menu-item--expanded) {
  text-transform: none;
  font-weight: 400;
}

.sidebar .block.committee-structure li:not(.menu-item--expanded).menu-item--active-trail,
.sidebar .block.committee-structure li:not(.menu-item--expanded):hover {
  background: #007907;
}

.sidebar .block.committee-structure li:not(.menu-item--expanded).menu-item--active-trail a {
  color: #ffff0c;
}

.one-page #main {
  padding: 0 15px 30px;
}

.one-page h1.title {
  font-size: 1.5rem;
}

.one-page #edit-tieu-de,
.one-page .sidebar_first .block ul li.active-trail a {
  color: #009a1d;
  font-weight: 500;
}

.one-page #edit-container {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  background: #e3e3e3;
  padding: 30px;
}

.one-page .webform-actions {
  text-align: center;
}

.one-page .webform-actions .webform-button--submit {
  background-color: #179f19;
  border-color: #179f19;
}

.one-page .section img {
  width: auto;
  max-width: 100%;
  text-align: center;
}

.one-page .section table tr td {
  border: 1px solid #ccc;
  color: #000;
}

.one-page .section table tr td p {
  margin-bottom: 0;
}

.one-page #main .block-layout-builder .container {
  padding: 0;
  margin-bottom: 30px;
}

.one-page .sidebar_first {
  padding-left: 0;
}

.one-page .sidebar_first .block {
  padding: 0 25px 0 0;
}

#block-views-block-product-by-category-prod-by-categ > .container,
.one-page .sidebar_first .block .container,
.sidebar_first .product_filter_sidebar > .container {
  padding: 0;
}

.one-page .sidebar_first .block .container h2 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  background: #009a1d;
  padding: 10px;
  text-transform: uppercase;
}

.one-page .sidebar_first .block ul a {
  padding: 11px 0 11px 10px;
  color: #333;
  font-size: 16px;
}

.one-page .sidebar_first .block ul li {
  display: block;
  width: 100%;
}

.page-vocabulary-term-category .feed-icons,
.page-vocabulary-term-category .view-taxonomy-term,
.product-list-view .product-item .certification h2,
.product-list-view-sale-off .product-item .certification h2 {
  display: none;
}

.sidebar_first {
  width: 25%;
  padding: 0;
}

.page-view-taxonomy-term .main-content,
.page-view-trang-chu-san-pham-theo-danh-muc .main-content {
  width: 75%;
}

.sidebar_first .block {
  background-color: transparent !important;
  border-color: transparent !important;
}

.sidebar_first .product_filter_sidebar {
  padding-left: 0 !important;
  padding-right: 50px !important;
}

.sidebar_first .product_filter_sidebar .form-type-textfield {
  margin-bottom: 35px !important;
  width: 100%;
}

.sidebar_first .product_filter_sidebar .form-type-textfield label {
  color: #008b32;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "RobotoSlab" !important;
}

.sidebar_first .product_filter_sidebar .form-type-textfield input {
  border-width: 0 0 1px;
  border-radius: 0;
  padding-left: 0;
}

.sidebar_first .product_filter_sidebar .form-type-textfield input::placeholder {
  font-size: 14px;
  opacity: 0.6;
  font-style: italic;
}

.sidebar_first .product_filter_sidebar fieldset {
  width: 100%;
  position: relative;
  padding: 15px 0;
  margin: 15px 0 !important;
  border-bottom: 1px dotted #aaa;
}

.sidebar_first .product_filter_sidebar fieldset legend span {
  display: block;
  font-family: "RobotoSlab" !important;
  text-align: center;
  background: #fff;
  position: absolute;
  top: -14px;
  left: 0;
  color: #008b32;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding-right: 10px;
}

.sidebar_first .product_filter_sidebar fieldset ul {
  padding-left: 0;
  margin-bottom: 0;
}

.sidebar_first .product_filter_sidebar fieldset ul li > div {
  margin-bottom: 5px !important;
}

.product-list-view .view-header,
.product-list-view-sale-off .view-header {
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: "RobotoSlab" !important;
}

.product-list-view .view-content.row,
.product-list-view-sale-off .view-content.row {
  margin-left: 0;
  margin-right: 0;
}

.product-list-view .views-view-grid,
.product-list-view-sale-off .views-view-grid {
  padding: 10px 20px 25px 25px;
}

.product-list-view .product-item {
  margin-bottom: 10px;
  border: 1px solid #dce0e6;
  padding: 0;
  margin-left: 10px;
  width: 24.2%;
  position: relative;
  overflow: hidden;
}

.product-list-view-sale-off .product-item {
  width: 19.3%;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #dce0e6;
  padding: 0;
  margin-left: 10px;
}

.product-list-view-sale-off .product-item:nth-child(5n+1) {
  margin-left: 0px;
}

.product-list-view .view-content.row .product-item:nth-child(4n + 1) {
  margin-left: 0;
}

.product-list-view .product-item:hover,
.product-list-view-sale-off .product-item:hover {
  border-color: #109a2c;
  box-shadow: 0 6px 5px -4px #c1c1c1;
}

.product-list-view .product-item .certification,
.product-list-view-sale-off .product-item .certification {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
}

.product-list-view .product-item .certification .vocabulary-term-quality-certification,
.product-list-view-sale-off .product-item .certification .vocabulary-term-quality-certification {
  display: inline-block;
  float: left;
  margin-right: 1px;
}

.product-list-view .product-item .certification img,
.product-list-view-sale-off .product-item .certification img {
  width: auto;
  height: 35px;
}

.product-list-view .product-item .img-product,
.product-list-view-sale-off .product-item .img-product {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}

.product-categ-list-view .product-item .img-product > div,
.product-list-view .product-item .img-product > div,
.product-list-view-sale-off .product-item .img-product > div {
  width: 100%;
}

.product-list-view .product-item .img-product a,
.product-list-view-sale-off .product-item .img-product a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.product-list-view .product-item .img-product img,
.product-list-view-sale-off .product-item .img-product img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
}

.product-categ-list-view .product-item:hover .img-product img,
.product-list-view .product-item:hover .img-product img,
.product-list-view-sale-off .product-item:hover .img-product img {
  transform: scale(1.2);
}

.product-list-view .product-item .views-field-field-cac-chuong-trinh-khuyen-ma,
.product-list-view-sale-off .product-item .views-field-field-cac-chuong-trinh-khuyen-ma {
  position: absolute;
  width: 100%;
  top: 0;
  height: auto;
}

.product-list-view .product-item .views-field-field-cac-chuong-trinh-khuyen-ma img,
.product-list-view-sale-off .product-item .views-field-field-cac-chuong-trinh-khuyen-ma img {
  width: 100%;
  height: auto;
}

.product-list-view .product-item .percent-sale,
.product-list-view-sale-off .product-item .percent-sale {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -38px;
  padding: 14px 0 5px;
  font-size: 14px;
  background: red;
  color: #fff;
  font-weight: 600;
  rotate: 50deg;
  width: 100px;
  text-align: center;
}

.product-list-view .product-item .title-product,
.product-list-view-sale-off .product-item .title-product {
  min-height: 60px;
}

.product-list-view .product-item .title-product a,
.product-list-view-sale-off .product-item .title-product a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  padding: 15px 15px 0;
  display: block;
}

._store .view-content .views-row .retailer-location:hover a,
.product-categ-list-view .product-item:hover .title-product a,
.product-list-view .product-item:hover .title-product a,
.product-list-view-sale-off .product-item:hover .title-product a {
  color: #109a2c;
}

.product-list-view .product-item .review,
.product-list-view-sale-off .product-item .review {
  overflow: hidden;
  padding: 0 15px;
  position: relative;
}

.product-categ-list-view .product-item .vote-product form,
.product-list-view .product-item .vote-product form,
.view-san-pham-lien-quan-trang-bai-viet .product-item .vote-product form,
.product-list-view-sale-off .product-item .vote-product form {
  position: absolute;
  z-index: 10;
}

.product-list-view .product-item .add-to-cart .button--add-to-cart:before,
.product-list-view-sale-off .product-item .add-to-cart .button--add-to-cart:before,
.product-list-view .product-item .add-to-cart .button--buy-now,
.product-list-view-sale-off .product-item .add-to-cart .button--buy-now,
.product-list-view .product-item .views-field-nothing ._price_product .field--label,
.product-list-view-sale-off .product-item .views-field-nothing ._price_product .field--label,
.product-list-view button[data-drupal-selector="edit-wishlist"],
.product-list-view-sale-off button[data-drupal-selector="edit-wishlist"] {
  display: none;
}

.product-list-view .product-item .views-field-nothing ._price_product > div > div:nth-child(1),
.product-list-view-sale-off .product-item .views-field-nothing ._price_product > div > div:nth-child(1) {
  color: #109a2c;
  font-size: 18px;
  font-weight: 600;
}

.product-categ-list-view .product-item .views-field-nothing ._price_product > div .field,
.product-list-view .product-item .views-field-nothing ._price_product > div .field,
.view-products-san-pham-cung-danh-muc .views-row .product-price > span > div .field,
.product-list-view-sale-off .product-item .views-field-nothing ._price_product > div .field {
  padding-right: 10px;
}

.product-list-view .product-item .views-field-nothing ._price_product > div > div:nth-child(2),
.product-list-view-sale-off .product-item .views-field-nothing ._price_product > div > div:nth-child(2) {
  padding-left: 10px;
  color: #ccc !important;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 400;
}

.product-list-view .product-item .add-to-cart,
.product-list-view-sale-off .product-item .add-to-cart {
  position: relative;
  min-height: 50px;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 15px;
}

.product-list-view .product-item .views-field-view-commerce-product,
.product-list-view-sale-off .product-item .views-field-view-commerce-product {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.product-list-view .product-item .views-field-view-commerce-product a,
.product-list-view-sale-off .product-item .views-field-view-commerce-product a {
  display: block;
  text-indent: -99999px;
  width: 100%;
  height: 100%;
}

.product-list-view .product-item .add-to-cart .commerce-variation-add-to-cart input.button,
.product-list-view-sale-off .product-item .add-to-cart .commerce-variation-add-to-cart input.button {
  background: 0 0;
  border: 1px solid #109a2c;
  border-radius: 30px;
  color: #006815;
  font-weight: 400;
  font-size: 14px;
  width: 162px;
  padding: 6px 20px;
  position: absolute;
  top: 0;
  left: calc((100% - 162px) / 2);
  z-index: 9;
}

.product-list-view .product-item .add-to-cart .commerce-variation-add-to-cart input.button.is-disabled,
.product-list-view-sale-off .product-item .add-to-cart .commerce-variation-add-to-cart input.button.is-disabled {
  border: 2px solid #333;
  border-radius: 30px;
  color: #333;
}

.product-list-view .product-item .add-to-cart .commerce-variation-add-to-cart input.button:hover,
.product-list-view-sale-off .product-item .add-to-cart .commerce-variation-add-to-cart input.button:hover {
  background: #109a2c;
  border: 1px solid #109a2c;
  color: #fff;
}

.product-categ-list-view nav .page-item a.page-link,
.product-list-view nav .page-item a.page-link,
.product-list-view-sale-off nav .page-item a.page-link {
  color: #000;
}

.product-list-view nav .page-item.active .page-link,
.product-list-view-sale-off nav .page-item.active .page-link {
  color: #fff;
  background: #109a2c;
  border-color: #109a2c;
}

.product-categ-list-view nav .pagination,
.product-list-view nav .pagination,
.product-list-view-sale-off nav .pagination {
  justify-content: center;
  margin-top: 15px;
}

#block-views-block-product-by-category-prod-by-categ {
  margin-bottom: 25px;
}

.product-categ-list-view .view-header {
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: "RobotoSlab" !important;
}

.product-categ-list-view .view-content.row {
  margin-left: 0;
  margin-right: 0;
}

.product-categ-list-view .product-item {
  margin-bottom: 10px;
  border: 1px solid #dce0e6;
  padding: 0;
  margin-left: 10px;
  width: 23.99%;
  position: relative;
  overflow: hidden;
}

.product-categ-list-view .view-content.row .product-item:nth-child(4n + 1) {
  margin-left: 0;
}

.product-categ-list-view .product-item .img-product {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}

.product-categ-list-view .product-item .img-product a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.product-categ-list-view .product-item .img-product img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
}

.product-categ-list-view .product-item .views-field-field-cac-chuong-trinh-khuyen-ma {
  position: absolute;
  width: 100%;
  top: 0;
  height: auto;
}

.product-categ-list-view .product-item .views-field-field-cac-chuong-trinh-khuyen-ma img,
.view-products-san-pham-cung-danh-muc .views-row .col-lg-5 a img {
  width: 100%;
  height: auto;
}

.product-categ-list-view .product-item .percent-sale {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -38px;
  padding: 14px 30px 5px;
  font-size: 14px;
  background: red;
  color: #fff;
  font-weight: 600;
  rotate: 50deg;
  width: 100px;
}

.product-categ-list-view .product-item .title-product {
  min-height: 60px;
}

.product-categ-list-view .product-item .title-product a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  padding: 15px 15px 0;
  display: block;
  margin-top: 10px;
}

.product-categ-list-view .product-item .vote-product {
  height: 20px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
}

.product-categ-list-view .product-item .add-to-cart .button--add-to-cart:before,
.product-categ-list-view .product-item .add-to-cart .button--buy-now,
.product-categ-list-view .product-item .views-field-field-quality-certificate h2,
.product-categ-list-view .product-item .views-field-nothing ._price_product .field__label,
.product-categ-list-view button[data-drupal-selector="edit-wishlist"],
.product-detail .product-body .form-actions button[data-drupal-selector="edit-wishlist"] {
  display: none;
}

.product-categ-list-view .product-item .views-field-nothing ._price_product .field__item {
  color: #109a2c;
  font-size: 18px;
  font-weight: 600;
}

.path-search-products .view-search-products .product-item ._price_product > div .field:nth-child(2),
.product-categ-list-view .product-item .views-field-nothing ._price_product > div .field:nth-child(2) {
  color: #ccc !important;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 400;
}

.product-categ-list-view .product-item .add-to-cart {
  position: relative;
  min-height: 50px;
  width: 100%;
  display: block;
  text-align: center;
}

.product-categ-list-view .product-item .views-field-view-commerce-product {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.product-categ-list-view .product-item .views-field-view-commerce-product a {
  display: block;
  text-indent: -99999px;
  width: 100%;
  height: 100%;
}

.product-categ-list-view .product-item .add-to-cart .button--add-to-cart {
  background: 0 0;
  border: 1px solid #109a2c;
  border-radius: 30px;
  color: #006815;
  font-weight: 400;
  font-size: 14px;
  width: 162px;
  padding: 6px 20px;
  position: absolute;
  top: 0;
  left: calc((100% - 162px) / 2);
  z-index: 9;
}

.path-search-products .view-search-products .product-item .add-to-cart input.button.is-disabled,
.product-categ-list-view .product-item .add-to-cart .button--add-to-cart.is-disabled {
  border: 2px solid #333;
  border-radius: 30px;
  color: #333;
}

.path-search-products .view-search-products .product-item .add-to-cart input.button:hover,
.product-categ-list-view .product-item .add-to-cart .button--add-to-cart:hover {
  background: #109a2c;
  border: 1px solid #109a2c;
  color: #fff;
}

.product-categ-list-view nav .page-item.active .page-link {
  color: #fff;
  background: #109a2c;
  border-color: #109a2c;
}

.product-categ-list-view .product-item .views-field-field-quality-certificate {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
}

.product-categ-list-view .product-item .views-field-field-quality-certificate .vocabulary-term-quality-certification {
  display: inline-block;
  float: left;
  margin-right: 1px;
}

.product-categ-list-view .product-item .views-field-field-quality-certificate img {
  width: auto;
  height: 35px;
}

body.product-detail #page-wrapper {
  background: #edf2fa !important;
}

.path-checkout #edit-ghn-checkout-pane-calc-lead-time table tr,
body.product-detail #main.container {
  background: 0 0;
}

body.product-detail #content.main-content {
  width: 75%;
  overflow: hidden;
}

body.product-detail .breadcrumb {
  margin-bottom: 0 !important;
  border: 0 !important;
  padding: 15px 0 !important;
}

.block-views-blockchi-tiet-san-pham-block-1,
.block-views-blockchi-tiet-san-pham-block-1 .container,
.block-views-blockproduct-chi-tiet-san-pham-01-block-1 .container {
  padding: 0 !important;
}

.row.product-detail {
  background: #fff;
  margin-right: 12px;
  margin-left: 12px;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 2px -2px #ccc;
}

.product-detail {
  position: relative;
}

.product-detail > .row > .views-row {
  display: flex;
  flex-wrap: wrap;
}

.product-detail .product-images {
  padding-left: 0;
}

.product-detail .product-images .cycle-slideshow > img {
  border: 1px solid #c5c5c5;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-detail .product-images .imagefield_slideshow-wrapper {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}

.product-detail .product-images .imagefield_slideshow-wrapper #image-pager {
  text-align: left;
  margin: 10px 0;
}

.product-detail .product-images .imagefield_slideshow-wrapper #image-pager img {
  border: 1px solid #c7c7c7;
  border-radius: 0;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.product-detail .product-images .view-_1-product-detail-images .view-content.row {
  margin-left: 0;
  margin-right: 12px;
}

.product-detail .product-images .view-_1-product-detail-images .view-content.row .views-row {
  padding: 0;
  position: relative;
}

.product-detail .product-body .view-_2-product-detail-about .product-title h1 {
  font-size: 48px;
  font-family: "RobotoSlab" !important;
  font-weight: 700;
  line-height: 50px;
}

.product-detail .product-body .view-_2-product-detail-about .views-field-nothing-1 {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 8px;
}

.product-detail .product-body .view-_2-product-detail-about .views-field-nothing-1 .field-content {
  display: flex;
  justify-content: space-between;
}

.product-detail .product-body .view-_2-product-detail-about ._social a,
.product-detail .product-body .view-_2-product-detail-about ._social span {
  padding-right: 5px;
}

.product-detail .product-body .product-variations {
  margin-top: 20px;
}

.product-detail .product-body .fs-4 {
  display: flex;
  align-items: center;
}

.product-detail .product-body .fs-4 .field--label-hidden {
  font-weight: 600;
  font-size: 30px;
  color: #109a2c;
}

.product-detail .product-body .fs-4 .field--label-hidden:nth-child(2) {
  color: #b1b1b1 !important;
  text-decoration: line-through;
  font-size: 16px;
  font-weight: 400;
  margin-left: 15px;
  opacity: 0.5;
}

.product-detail .product-body .field--name-variations .field--name-purchased-entity fieldset {
  display: flex;
  margin: 15px 0;
}

.product-detail .product-body .field--name-variations .field--name-purchased-entity fieldset legend {
  width: auto;
  font-size: 1rem;
  font-weight: 400;
  color: rgb(0 0 0/50%);
}

.product-detail .product-body #commerce-product-add-to-cart-form .form-actions,
.product-detail .product-body .field--name-variations .field--name-purchased-entity .fieldset-wrapper > .radio {
  display: flex;
}

.product-detail
.product-body
.field--name-variations
.field--name-purchased-entity
fieldset
.fieldset-wrapper
> .radio
> .radio {
  padding-left: 5px;
}

.product-detail
.product-body
.field--name-variations
.field--name-purchased-entity
fieldset
.fieldset-wrapper
.radio
> label {
  padding: 4.5px 20px;
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.product-detail
.product-body
.field--name-variations
.field--name-purchased-entity
.fieldset-wrapper
> .radio
.form-check-input[checked="checked"]
+ label,
.product-detail
.product-body
.field--name-variations
.field--name-purchased-entity
fieldset
.fieldset-wrapper
.radio
> label:hover {
  color: red;
  border: 1px solid red;
}

.product-detail .product-body .field--name-variations .field--type-xdecimal {
  width: 50%;
}

.product-detail .product-body .field--name-variations .field--type-xdecimal .form-type-number {
  display: flex;
  align-items: center;
}

.product-detail .product-body .field--name-variations .field--type-xdecimal .form-type-number label {
  text-wrap: nowrap;
  margin-right: 10px;
  color: rgb(0 0 0/50%);
}

.product-detail .product-body .field--name-variations .field--type-xdecimal input.form-control {
  padding: 4.5px 0.75rem;
  border-radius: 2px;
}

._content .col-12,
.view-product-chi-tiet-san-pham-01 .container {
  padding: 0;
}

.select-delivery-box .delivery-price .title,
.select-delivery-box .delivery-select .title {
  color: rgb(0 0 0/50%);
}

._content .col-12 ._product_abouts,
._content .col-12 ._store {
  background: #fff;
  margin-bottom: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 2px -2px #ccc;
}

._content .col-12 ._product_abouts {
  padding: 25px 20px 80px;
  text-align: justify;
  position: relative;
}

._content .col-12 ._product_abouts .ec-toggle-link {
  color: #109a2c;
  border: 2px solid #109a2c;
  border-radius: 30px;
  position: absolute;
  width: 162px;
  padding: 5px;
  text-align: center;
  bottom: 35px;
  left: calc((100% - 162px) / 2);
}

._content .col-12 ._product_abouts .ec-toggle-link.ecf-close:before,
._content .col-12 ._product_abouts .ec-toggle-link.ecf-open:before {
  display: block;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 18px;
  color: #109a2c;
  font-weight: 700;
}

._content .col-12 ._product_abouts .ec-toggle-link.ecf-close:before {
  content: "";
  top: -35px;
}

._content .col-12 ._product_abouts .ec-toggle-link.ecf-open:before {
  content: "";
  bottom: -35px;
}

._content .col-12 ._product_abouts .ec-toggle-link.ecf-open:hover {
  color: #fff !important;
  border: 2px solid #109a2c;
  background: #109a2c;
}

._content .col-12 ._product_abouts .ec-toggle-link.ecf-close {
  color: #fff;
  border: 2px solid #109a2c;
  background: #109a2c;
  border-radius: 30px;
  bottom: 15px;
}

._content .col-12 ._product_abouts .ec-toggle-link.ecf-close:hover {
  color: #109a2c !important;
  border: 2px solid #109a2c;
  background: #fff;
}

._content .col-12 ._product_abouts img {
  max-width: 100%;
  height: auto;
  margin: auto;
}

._content .col-12 > div h4 {
  color: #109a2c;
  font-weight: 600;
  font-size: 24px;
  font-family: "RobotoSlab" !important;
}

._content .col-12 ._store {
  padding: 25px 20px 10px;
}

._store .view-content {
  overflow-x: scroll;
  flex-wrap: nowrap;
  margin: 10px -10px;
  padding-bottom: 10px;
}

._store .view-content .views-row {
  padding: 10px;
  width: 40%;
}

._store .view-content::-webkit-scrollbar {
  height: 5px;
}

._store .view-content::-webkit-scrollbar-thumb {
  background: #109a2c;
  border-radius: 50px;
}

._store .view-content::-webkit-scrollbar-track-piece {
  background: #ededed59;
  border-radius: 50px;
}

._store .view-content::-webkit-scrollbar-track-piece:end {
  margin-right: 260px;
}

._store .view-content::-webkit-scrollbar-track-piece:start {
  margin-left: 260px;
}

._store .view-content .views-row .views-field-nothing {
  box-shadow: 0 0 3px 0 #ccc;
  height: 100%;
  padding: 15px;
}

._store .view-content .views-row .title,
._store .view-content .views-row .title a {
  font-weight: 500;
  font-size: 16px;
  color: #fa830f;
}

._store .view-content .views-row .retailer-location {
  display: inline-block;
  border-radius: 30px;
  background: #109a2c;
  color: #fff;
  padding: 8px 20px;
  margin-top: 15px;
  transition: 0.3s;
  border: 2px solid #109a2c;
}

._store .view-content .views-row .retailer-location:hover {
  background: #fff;
  color: #109a2c;
  border: 2px solid #109a2c;
}

._store .view-content .views-row .retailer-location a {
  color: #fff;
  transition: 0.3s;
}

.view-product-chi-tiet-san-pham-01 .views-field-nothing-1 {
  background: #fff;
  padding: 25px 20px;
  margin: 0 -12px;
  border-radius: 5px;
  box-shadow: 0 2px 2px -2px #ccc;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-body {
  margin: 30px 0;
  text-align: justify;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-body p {
  margin-bottom: 0;
  text-align: justify;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-field-traceability-link,
.view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id {
  width: 33%;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id-1 {
  display: inline-block;
  width: 20%;
  vertical-align: bottom;
}

.product-detail .product-body {
  padding-right: 0;
}

.product-detail .product-body .form-actions .button--buy-now {
  border: 1px solid red;
  border-radius: 30px;
  background: red;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
  width: 142px;
}

.product-detail .product-body .form-actions .button--buy-now:before,
.product-detail .product-body .form-actions button.button--add-to-cart:before,
.product-detail .product-images .views-field-field-quality-certificate h2,
.user-logged-in .view-chi-tiet-san-pham .views-field-variations-target-id input[type="submit"],
.view-products-san-pham-cung-danh-muc .views-row .certification .vocabulary-term-quality-certification h2 {
  display: none;
}

.product-detail .product-body .view-_3-product-detail-traceability {
  position: relative;
}

.product-detail .product-body .views-field-field-traceability-link {
  text-align: center;
}

.product-detail .product-body .views-field-field-traceability-link .views-label {
  color: #109a2c;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}

.view-product-chi-tiet-san-pham-ten-gia .view-content.row > .views-row {
  position: relative;
}

.product-detail .product-body .views-field-field-traceability-link-1 {
  position: absolute;
  width: 100%;
  display: block;
  height: 100%;
  left: 0;
  bottom: 0;
}

.view-product-chi-tiet-san-pham-ten-gia .view-footer {
  margin-top: 20px;
}

.product-detail .product-body .views-field-field-traceability-link-1 .field-content,
.view-products-san-pham-cung-danh-muc .views-row .col-lg-5 a {
  display: block;
  width: 100%;
  height: 100%;
}

.product-detail .product-body .views-field-field-traceability-link-1 .field-content a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id .field-content > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id .field-content > div > form {
  width: 80%;
  display: inline-flex;
  padding-top: 20px;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id .js-form-item-quantity-0-value {
  font-weight: 500;
}

.view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id input {
  width: 70px;
  height: 35px;
  border-radius: 0;
  padding: 10px;
  border: 1px solid #c7c7c7;
}

.product-detail .product-body .form-actions button.button--add-to-cart {
  border: 1px solid #109a2c;
  border-radius: 30px;
  background: #109a2c;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
  width: 162px;
  margin-right: 10px;
}

.product-detail .product-images .views-field-field-quality-certificate {
  position: absolute;
  top: 1px;
  left: 1px;
}

.product-detail .product-images .views-field-field-quality-certificate .vocabulary-term-quality-certification,
.view-products-san-pham-cung-danh-muc .views-row .certification .vocabulary-term-quality-certification {
  display: inline-block;
  float: left;
  margin-right: 1px;
}

.product-detail .product-images .views-field-field-quality-certificate .vocabulary-term-quality-certification img {
  width: auto;
  height: 50px;
  margin: 0;
}

.product-detail .views-field-field-traceability-link img {
  width: 65%;
}

.view-danh-gia-san-pham {
  padding: 25px;
}

.view-danh-gia-san-pham .view-content {
  border: 1px solid #c7c7c7;
  padding: 15px 0;
}

.product-detail .sidebar_second {
  padding: 25px 15px;
  background: #fff;
  margin-left: 15px;
  height: fit-content;
  border-radius: 5px;
  box-shadow: 0 2px 2px -2px #ccc;
}

.sidebar_second .block {
  background-color: transparent !important;
  border: 0;
}

.sidebar_second .block h2 {
  font-weight: 500;
  font-size: 24px;
  color: #000;
  border: 0;
  font-family: "RobotoSlab" !important;
  text-transform: uppercase;
  padding: 0;
}

.block-views-blockproducts-san-pham-cung-danh-muc-block-1,
.block-views-blockproducts-san-pham-cung-danh-muc-block-1 .container {
  padding: 0 !important;
}

.view-products-san-pham-cung-danh-muc .view-content.row {
  margin: 0;
}

.view-products-san-pham-cung-danh-muc > .view-content > .views-row {
  border: 1px solid #c7c7c7;
  margin-bottom: 10px;
  position: relative;
  padding: 0;
  overflow: hidden;
}

.view-products-san-pham-cung-danh-muc .views-row .certification {
  position: absolute;
  left: 1px;
  top: 1px;
}

.view-products-san-pham-cung-danh-muc .views-row .certification .vocabulary-term-quality-certification img {
  height: 15px;
  width: auto;
}

.view-products-san-pham-cung-danh-muc .views-row .col-lg-5 {
  float: left;
  overflow: hidden;
}

.view-products-san-pham-cung-danh-muc .views-row .col-lg-5 > div {
  width: 100%;
  height: 100%;
}

.view-products-san-pham-cung-danh-muc .views-row .col-lg-7 {
  float: right;
  padding-left: 10px;
}

.view-products-san-pham-cung-danh-muc .views-row .col-lg-7 a {
  color: #109a2c;
  font-weight: 500;
  font-size: 14px;
}

.view-products-san-pham-cung-danh-muc .views-row .col-lg-7 a:hover {
  color: #ff6e00 !important;
}

.view-products-san-pham-cung-danh-muc .views-row .col-lg-7 > div:first-of-type {
  height: 20px;
  overflow: hidden;
}

.view-products-san-pham-cung-danh-muc .views-row .review {
  overflow: hidden;
  padding: 0 10px;
  position: relative;
}

.view-products-san-pham-cung-danh-muc .views-row .product-price {
  margin-top: 10px;
}

.view-products-san-pham-cung-danh-muc .views-row .sale {
  position: absolute;
  top: -9px;
  right: -51px;
  width: 120px;
  rotate: 50deg;
}

.view-products-san-pham-cung-danh-muc .views-row .percent-sale {
  display: inline-block;
  padding: 14px 0 5px;
  font-size: 14px;
  background: red;
  color: #fff;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

.view-products-san-pham-cung-danh-muc .views-row .review span {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.view-products-san-pham-cung-danh-muc .views-row .review .star-rating-readonly .far {
  font-size: 13px;
}

.view-products-san-pham-cung-danh-muc .views-row .product-price .field__item {
  color: #109a2c;
  font-weight: 6500;
}

.view-products-san-pham-cung-danh-muc .views-row .product-price > span > div {
  display: flex;
  align-items: flex-end;
}

.view-products-san-pham-cung-danh-muc .views-row .product-price > span > div .field:nth-child(2) {
  color: #ccc !important;
  text-decoration: line-through;
  font-size: 13px;
  font-weight: 400;
}

.article-detail #sidebar_second .block .container,
.article-list #content .views-element-container > .container,
.article-list #content .views-element-container > .container .view > .view-content > .views-row,
.article-list #sidebar_second .block .container,
.block-views-blockproduct-bai-viet-lien-quan-block-1 .container {
  padding: 0;
}

.block-views-blockproduct-bai-viet-lien-quan-block-1 {
  margin-bottom: 30px;
  margin-top: 15px !important;
  background: #fff;
  padding: 25px 20px !important;
  border-radius: 5px;
  box-shadow: 0 2px 2px -2px #ccc;
}

.view-product-bai-viet-lien-quan {
  margin: 0 -12px;
}

.view-product-bai-viet-lien-quan .view-content.row {
  margin: auto;
}

.view-product-bai-viet-lien-quan .article-item-relate .views-field-nothing ._img_article {
  width: 100%;
  overflow: hidden;
}

.view-product-bai-viet-lien-quan .article-item-relate .views-field-nothing ._img_article img {
  width: 100%;
  height: auto;
}

.view-product-bai-viet-lien-quan .article-item-relate .views-field-nothing ._title_article a {
  font-size: 16px;
  font-weight: 500;
  color: #38383d;
}

.view-product-bai-viet-lien-quan .article-item-relate .views-field-nothing ._read_more_article a {
  color: #00a61f;
  position: relative;
  font-size: 14px;
}

.block-views-blockproduct-bai-viet-lien-quan-block-1 h2 {
  color: #000;
  font-weight: 500;
  font-family: "RobotoSlab" !important;
  letter-spacing: normal;
  margin-bottom: 15px;
  font-size: 24px;
  text-transform: uppercase;
}

.article-detail main.main-content,
.article-list main.main-content {
  padding-right: 30px !important;
}

.article-detail main.main-content section > div,
.article-list
main.main-content
section
> div
> .container
> .content
> div
> .view
> .view-content
> .views-row
> .views-field-nothing,
.kinh-nghiem-hay main.main-content section > div {
  margin-bottom: 50px;
}

.article-list #sidebar_second {
  padding: 0 0 0 30px;
}

.article-detail #sidebar_second .block,
.article-list #sidebar_second .block {
  padding: 0;
  margin-bottom: 40px !important;
}

.view-chuong-trinh-khuyen-mai-group .view-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.view-chuong-trinh-khuyen-mai-main .views-field-field-image,
div[data-drupal-selector="order-total-summary"] {
  margin: 10px 0;
}

.banner-sidebar-one-col img,
.colum2-row1 .view-content .views-row ._img_article img,
.colum2-row2 .view-content .views-row ._img_article img,
.colum2-row2-scroll .view-content .views-row ._img_article img,
.list-row .view-content .views-row .view-list-img img,
.view-chuong-trinh-khuyen-mai-main .views-field-field-image img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}

.view-chuong-trinh-khuyen-mai-main .views-field-title a {
  display: block;
  color: #38383d !important;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0;
  line-height: 1.2;
}

.view-chuong-trinh-khuyen-mai-sub .views-field-title a {
  position: relative;
  display: block;
  color: #38383d !important;
  font-size: 16px;
  padding-left: 15px;
  padding-bottom: 10px;
}

.view-chuong-trinh-khuyen-mai-sub .views-field-title a:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 7px;
}

.article-list .view.view-taxonomy-term,
.view-ten-nhom-bai-viet-lien-quan .category-title:before {
  display: none;
}

.article-list #content .views-element-container > .container .view > .view-content {
  margin: 0 auto;
}

.category-title,
.category-title a {
  font-weight: 500;
  font-family: "RobotoSlab" !important;
}

.category-title {
  color: #008b32;
  line-height: 1.3em;
  padding-left: 10px;
  font-size: 24px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.category-title a {
  display: block;
  color: #000;
}

.category-title::before {
  content: "";
  display: block;
  width: 3px;
  height: 20px;
  background: #0ca55c;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.colum2-row1 .view-content .views-row .views-field-nothing {
  padding-top: 0 !important;
}

.colum2-row1 .view-content .views-row:nth-child(odd) .views-field-nothing {
  padding-left: 0 !important;
}

.colum2-row1 .view-content .views-row:nth-child(even) .views-field-nothing {
  padding-right: 0 !important;
}

.colum2-row1 .view-content .views-row ._title_article a {
  color: #38383d !important;
  font-size: 18px;
  font-weight: 500;
  display: block;
  max-height: 45px;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 1.2;
}

.colum2-row2 .view-content .views-row ._title_article a {
  color: #38383d;
  font-size: 18px;
  font-weight: 500;
  display: block;
  max-height: 45px;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 1.2;
}

.colum2-row2 .view-content .views-row:nth-child(-n + 2) .views-field-nothing {
  border-bottom: 1px solid rgba(206, 206, 206, 0.3);
}

.colum2-row2 .view-content .views-row .views-field-nothing {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.colum2-row2 .view-content .views-row:nth-child(odd) {
  padding-right: 1.5rem !important;
}

.colum2-row2 .view-content .views-row:nth-child(even) {
  padding-left: 1.5rem !important;
}

.list-row .view-content .views-row {
  margin-bottom: 20px;
}

.list-row .view-content .views-row .views-field-nothing .row {
  margin: 0;
}

.list-row .view-content .views-row .row > div:first-child {
  padding-left: 0;
}

.list-row .view-content .views-row .row > div:last-child {
  padding-right: 0;
}

.list-row .view-content .views-row .view-list-title a {
  color: #38383d !important;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 500;
}

.colum2-row2-scroll li,
.list-row ul.pager li {
  list-style: none;
  text-align: center;
}

.colum2-row2-scroll ul.pager li a,
.list-row ul.pager li a {
  padding: 0 20px;
  position: relative;
  color: #179e19;
  font-weight: 500;
}

.colum2-row2-scroll ul.pager li a:after,
.list-row ul.pager li a:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
  position: absolute;
  right: 0;
}

.colum2-row2-scroll .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.colum2-row2-scroll .view-content .views-row ._title_article a {
  color: #38383d;
  font-size: 18px;
  font-weight: 500;
  display: block;
  max-height: 45px;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 1.2;
}

.colum2-row2-scroll .view-content .views-row:nth-child(-n + 2) .views-field-nothing {
  border-bottom: 1px solid rgba(206, 206, 206, 0.3);
}

.colum2-row2-scroll .view-content .views-row .views-field-nothing {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.colum2-row2-scroll .view-content .views-row:nth-child(odd) {
  padding-right: 1.5rem !important;
}

.colum2-row2-scroll .view-content .views-row:nth-child(even) {
  padding-left: 1.5rem !important;
}

#block-block-content-28f08db5-95f1-42ab-938c-cacab774c3f5 .container,
.list-tag .view-view-tag .views-row {
  padding: 0;
}

.view-danh-sach-bai-viet-theo-chuyen-muc-sub {
  margin-top: 30px;
}

.view-ten-nhom-bai-viet-lien-quan img {
  width: 100%;
  border-radius: 3px;
}

.view-ten-nhom-bai-viet-lien-quan .views-field-title a {
  color: #38383d !important;
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
  display: block;
}

.view-ten-nhom-bai-viet-lien-quan .views-field-title a:hover {
  color: #008b32;
}

.view-tin-tuc-bai-viet-lien-quan .views-row {
  margin-bottom: 25px;
}

.article-detail .node.node--type-article,
.list-tag .view-taxonomy-term,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet #edit-comment-body-0-format-help,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content:after,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content:before,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .form-actions button:before {
  display: none;
}

.article-detail #sidebar_second {
  padding: 0 0 0 35px;
}

.block-views-blocksan-pham-lien-quan-trang-bai-viet-block-1 .container,
.block-views-blockview-chi-tiet-bai-viet-block-1 .container {
  padding: 0;
}

.view-view-chi-tiet-bai-viet .views-field-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 50px;
}

.view-view-chi-tiet-bai-viet .views-field-title span {
  font-family: "RobotoSlab" !important;
}

.view-view-chi-tiet-bai-viet .views-field-body {
  text-align: justify;
}

.view-view-chi-tiet-bai-viet .views-field-body img {
  max-width: 100%;
}

.view-view-chi-tiet-bai-viet .views-field-field-tags {
  display: flex;
}

.view-view-chi-tiet-bai-viet .views-field-field-tags .views-label {
  font-weight: 500;
  margin-right: 10px;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet {
  margin-top: 25px;
  background: #f1f1f1;
  padding: 15px;
}

.view-view-chi-tiet-bai-viet .views-field-field-mang-xa-hoi {
  display: flex;
  align-items: center;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 15px 0;
  margin-top: 30px;
}

.path-cart .cart.cart-form table tr td .field--name-title,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content .field__label,
.view-view-chi-tiet-bai-viet .views-field-field-mang-xa-hoi .views-label-field-mang-xa-hoi {
  font-weight: 500;
}

.view-view-chi-tiet-bai-viet .views-field-field-mang-xa-hoi .field-content ul {
  margin: 0 0 0 15px;
}

.view-view-chi-tiet-bai-viet .views-field-field-mang-xa-hoi .field-content ul li {
  margin-right: 10px;
}

.view-view-chi-tiet-bai-viet .views-field-field-mang-xa-hoi .field-content ul img {
  width: 25px;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .field-content {
  display: flex;
  flex-wrap: wrap;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment-form {
  width: 100%;
  position: relative;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment-form::after {
  content: "DANH SÁCH BÌNH LUẬN";
  font-size: 20px;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  text-align: center;
  position: absolute;
  left: 0;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content {
  padding: 15px;
  border-radius: 3px;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content .card-body > div {
  padding: 3px 0;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment-form {
  order: -1;
  margin-bottom: 20px;
  padding-bottom: 25px;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .views-label-field-binh-luan-bai-viet {
  color: #109a2c;
  font-weight: 600;
  font-size: 24px;
  font-family: "RobotoSlab" !important;
  margin-bottom: 15px;
  display: block;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .form-actions {
  text-align: center;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .form-actions button {
  border: 1px solid #109a2c;
  border-radius: 30px;
  background: #109a2c;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
  width: 162px;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet input,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet textarea {
  border-radius: 2px;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment > div {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}

.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content .card-body {
  padding: 0;
}

.path-cart .view-commerce-cart-form button:before,
.path-checkout .layout-checkout-form button.btn-primary:before,
.view-san-pham-lien-quan-trang-bai-viet .product-item .certification .vocabulary-term-quality-certification h2,
.view-san-pham-lien-quan-trang-bai-viet
.product-item
.views-field-variations-target-id-1
.form-actions
.button--buy-now,
.view-san-pham-lien-quan-trang-bai-viet .product-item .views-field-variations-target-id-1 .form-actions button::before,
.view-san-pham-lien-quan-trang-bai-viet
.product-item
.views-field-variations-target-id-1
.form-actions
button[data-drupal-selector="edit-wishlist"],
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content .card-body h3.card-title,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__content .comment__permalink,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .comment .comment__meta,
.view-view-chi-tiet-bai-viet .views-field-field-binh-luan-bai-viet .field--name-comment-body .js-filter-wrapper {
  display: none;
}

.view-bai-viet-cung-chu-de .views-field-title {
  padding: 5px 0;
}

.view-bai-viet-cung-chu-de .views-field-title a {
  font-size: 16px;
  color: #000;
  position: relative;
}

.colum2-row2.view-bai-viet-cung-chu-de .view-content .views-row:nth-child(-n + 2) .views-field-nothing {
  border: 0;
}

.block-views-blockbai-viet-cung-chu-de-block-1 .container,
.block-views-blocktin-tuc-bai-viet-lien-quan-block-1,
.block-views-blocktin-tuc-bai-viet-lien-quan-block-1 .container {
  padding: 0 !important;
}

.view-san-pham-lien-quan-trang-bai-viet {
  padding: 20px;
  background: #f1f1f1;
}

.view-san-pham-lien-quan-trang-bai-viet .view-content.row {
  margin: 0;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item {
  border: 1px solid #c7c7c7;
  width: 23.893%;
  margin: 0 5px 10px;
  padding: 0 0 10px;
  position: relative;
  background: #fff;
  overflow: hidden;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .certification {
  position: absolute;
  left: 1px;
  top: 1px;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .certification .vocabulary-term-quality-certification {
  display: inline-block;
  float: left;
  margin-right: 1px;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .certification .vocabulary-term-quality-certification img {
  height: 35px;
  width: auto;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .img-product {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .img-product img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
}

.path-search-products .view-search-products .product-item:hover .views-field-field-product-images img,
.view-san-pham-lien-quan-trang-bai-viet .product-item:hover .img-product img {
  transform: scale(1.2);
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .title-product {
  min-height: 52px;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .title-product a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  padding: 0 0.5rem;
  display: block;
  margin-top: 10px;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .vote-product {
  height: 20px;
  overflow: hidden;
  padding: 0 0.5rem;
  position: relative;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .views-field-view-commerce-product a {
  display: block;
  text-indent: -99999px;
  width: 100%;
  height: 100%;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .views-field-variations-target-id-1 {
  display: block;
  width: 100%;
  text-align: center;
  min-height: 50px;
  position: relative;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .views-field-variations-target-id-1 .form-actions button {
  background: 0 0;
  border: 1px solid #109a2c;
  border-radius: 30px;
  color: #006815;
  font-size: 14px;
  padding: 6px 20px;
  position: absolute;
  width: 162px;
  left: calc((100% - 162px) / 2);
  top: 0;
  z-index: 9;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .review {
  overflow: hidden;
  padding: 0 10px;
  position: relative;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .review span {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.page-view-commerce-user-orders .view-commerce-user-orders table td a,
.path-checkout .view-commerce-checkout-order-summary table td .field--name-title,
.path-search-products .view-search-products .product-item:hover .views-field-title a,
.view-san-pham-lien-quan-trang-bai-viet .product-item:hover .title-product a {
  color: #109a2c;
}

.path-search-products .view-search-products .product-item .views-field-variations .field-content,
.view-san-pham-lien-quan-trang-bai-viet .product-item .views-field-view-commerce-product {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.view-san-pham-lien-quan-trang-bai-viet h3 {
  color: #000;
  font-weight: 500;
  letter-spacing: 0;
  font-family: "RobotoSlab" !important;
  font-size: 24px;
}

.path-search-products .view-search-products .product-item ._price_product > div,
.view-san-pham-lien-quan-trang-bai-viet .product-item ._price_product > div {
  display: flex;
  align-items: baseline;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item ._price_product > div > div:nth-child(1) {
  color: #179e19;
  font-size: 18px;
  font-weight: 600;
  padding-right: 10px;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item ._price_product > div > div:nth-child(2) {
  color: #b1b1b1 !important;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 400;
}

.view-san-pham-lien-quan-trang-bai-viet .product-item .percent-sale {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -38px;
  padding: 14px 0 5px;
  font-size: 14px;
  background: red;
  color: #fff;
  font-weight: 600;
  rotate: 50deg;
  width: 100px;
  text-align: center;
}

.view-tin-tuc-bai-viet-lien-quan .views-row .views-field-nothing {
  padding: 0 0 10px;
  border: 1px solid #dce0e6;
  margin-bottom: 10px;
}

.path-search-products .view-search-products .product-item .views-field-field-cac-chuong-trinh-khuyen-ma img,
.view-tin-tuc-bai-viet-lien-quan .image img {
  width: 100%;
  height: auto;
}

.view-tin-tuc-bai-viet-lien-quan .title {
  padding: 10px;
}

.view-tin-tuc-bai-viet-lien-quan .title a {
  color: #179e19;
  font-weight: 500;
  display: block;
}

.view-tin-tuc-bai-viet-lien-quan .body {
  padding: 0 10px;
  display: block;
  text-align: justify;
}

.path-cart .row.row-offcanvas,
.path-checkout .row.row-offcanvas {
  margin: 0 15px !important;
}

.page-view-commerce-user-orders .view-commerce-user-orders table thead th,
.path-cart .cart.cart-form table thead th,
.path-checkout #edit-ghn-checkout-pane-calc-lead-time table thead th {
  text-align: center;
  font-size: 15px;
}

.path-cart .cart.cart-form table thead th.views-field-edit-quantity,
.path-cart .cart.cart-form table tbody td.views-field-remove-button {
  width: 100px;
}

.path-cart .cart.cart-form table tbody td.views-field-remove-button {
  text-align: center;
}

.path-cart .cart.cart-form table tr td {
  font-size: 15px;
  vertical-align: middle;
}

.path-cart .cart.cart-form table tr td.views-field-unit-price__number {
  color: #109a2c;
  text-align: right;
}

.path-cart .view-commerce-cart-form button.delete-order-item {
  background: #179e19;
  border: 1px solid #179e19;
  border-radius: 50px;
  padding: 5px 15px;
  color: #fff;
  font-size: 15px;
}

.path-cart .view-commerce-cart-form .views-field-title a {
  color: #109a2c;
  font-weight: 500;
}

.path-cart .view-commerce-cart-form button[name="delete-order-item-0"]:hover {
  background: red;
  border: 1px solid #ed3237;
}

.path-cart .view-commerce-cart-form button[name="op"] {
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 15px;
  min-width: 150px;
  margin-right: 10px;
  height: 40px;
  margin-top: 20px;
}

.path-cart .view-commerce-cart-form button[name="op"]:hover {
  background: #ed3237;
  border: 1px solid #ed3237;
}

.path-cart .view-commerce-cart-form button:hover,
.path-cart .view-commerce-cart-form button[name="op"] {
  background: #179e19;
  border: 1px solid #179e19;
  color: #fff;
}

.path-cart .view-commerce-cart-form .views-field-edit-quantity input {
  width: 100px;
  border-radius: 2px;
}

.path-cart .cart.cart-form table tr td.views-field-total-price__number {
  color: #109a2c;
  font-weight: 500;
  text-align: right;
}

.path-checkout form.commerce-checkout-flow-multistep-default {
  margin-top: 30px;
}

.path-checkout #content form input[type="text"],
.path-checkout #content form select,
.path-checkout #content form span.select2-selection {
  border-radius: 2px !important;
  border: 1px solid #b1b1b1;
  font-size: 15px;
}

.path-checkout .layout-checkout-form #edit-shipping-information {
  position: relative;
  padding-bottom: 0px;
}

.path-checkout .form-item-shipping-information-shipping-profile-select-address {
  display: flex;
  align-items: center;
}

.path-checkout .form-item-shipping-information-shipping-profile-select-address label {
  font-weight: 500;
  width: 25%;
}

.path-checkout #edit-sidebar-coupon-redemption-form {
  position: relative;
}

.path-checkout #edit-sidebar-coupon-redemption-form button[type="submit"] {
  padding: 0 25px;
  height: 35px;
  margin: 26px 0 0 20px;
  display: inline-block;
  float: left;
}


.path-checkout #edit-sidebar-coupon-redemption-form > div > label {
  font-weight: 500;
  margin-bottom: 2px;
}

.path-checkout .layout-checkout-form button.btn-primary,
.path-checkout .layout-checkout-form input[type="submit"] {
  background: #179e19;
  border: 1px solid #179e19;
  border-radius: 50px;
  padding: 5px 15px;
  color: #fff;
  font-size: 15px;
}

.path-checkout .layout-checkout-form button.btn-primary:hover,
.path-checkout .layout-checkout-form input[type="submit"]:hover {
  background: #ed3237;
  border: 1px solid #ed3237;
  color: #fff;
}

.path-checkout .layout-checkout-form input[type="submit"] {
  display: inline-block;
  width: max-content;
}

.path-checkout .layout-checkout-form input[data-drupal-selector="edit-shipping-information-recalculate-shipping"] {
  position: absolute;
  bottom: 0;
  left: 0;
}

.path-checkout .layout-checkout-form .block-field-blockprofilecustomeraddress .container,
.path-checkout .layout-checkout-form .block-field-blockprofilecustomeraddress .container .field--name-address span,
.view-tra-cuu-don-hang .addres table tr {
  padding: 0;
}

.path-checkout .layout-checkout-form .fieldset-legend,
.path-checkout .layout-checkout-form h3,
.path-checkout .layout-checkout-form h5,
.view-tra-cuu-don-hang h1 {
  color: #109a2c;
  text-transform: uppercase;
  font-size: 20px !important;
  font-weight: 600;
  letter-spacing: 0;
}

/* Ngày giờ nhận hàng, ghi chú ở bước review: tiêu đề chữ thường, gọn. */
.path-checkout .commerce-checkout-flow-multistep-default #edit-review fieldset#edit-review-checkout-pane-order-delivery-time,
.path-checkout .commerce-checkout-flow-multistep-default #edit-review fieldset#edit-review-checkout-pane-order-note {
  margin: 0;
}

.path-checkout .commerce-checkout-flow-multistep-default #edit-review fieldset#edit-review-shipping-information {
  margin-bottom: 0;
}

.path-checkout .commerce-checkout-flow-multistep-default #edit-review fieldset#edit-review-checkout-pane-order-delivery-time {
  margin-top: 0;
}

.path-checkout .commerce-checkout-flow-multistep-default #edit-review fieldset#edit-review-checkout-pane-order-delivery-time,
.path-checkout .commerce-checkout-flow-multistep-default #edit-review fieldset#edit-review-checkout-pane-order-note {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

/* Tiêu đề và nội dung trên cùng một hàng. */
.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-delivery-time legend,
.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-note legend {
  float: left;
  width: auto;
  margin: 0 5px 0 0;
}

.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-delivery-time legend + *,
.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-note legend + * {
  clear: none;
}

.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-delivery-time .fieldset-legend::before {
  content: '🕒';
  padding-right: 5px;
}

.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-note .fieldset-legend::before {
  content: '📝';
  padding-right: 5px;
}

.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-delivery-time .fieldset-legend::after,
.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-note .fieldset-legend::after {
  content: ':';
}

.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-delivery-time legend,
.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-note legend {
  font-size: var(--bs-body-font-size);
  margin-bottom: 2px;
  padding: 0;
}

.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-delivery-time .fieldset-legend,
.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-note .fieldset-legend {
  color: inherit;
  text-transform: none;
  font-size: var(--bs-body-font-size) !important;
  font-weight: 400;
}

.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-delivery-time p,
.path-checkout .layout-checkout-form #edit-review-checkout-pane-order-note p {
  margin: 0;
  font-size: var(--bs-body-font-size);
}

.path-checkout .layout-checkout-form .fieldset-legend a {
  color: #ed3237;
  font-size: 15px;
  text-transform: Capitalize;
  font-weight: 400;
}

.layout-region-checkout-footer #edit-actions {
  display: flex;
}

.path-checkout #edit-actions a.link--previous {
  color: #ed3237;
  font-weight: 500;
  border: 1px solid #ed3237;
  border-radius: 50px;
  padding: 5px 30px;
  margin-left: 10px;
}

.path-checkout .layout-checkout-form #edit-shipping-information-shipments-0-shipping-method-wrapper {
  margin-top: 1rem;
}

.address h2,
.path-checkout #commerce-checkout-flow-multistep-default label,
.path-checkout #commerce-checkout-flow-multistep-default span,
.path-checkout .view-commerce-checkout-order-summary table td {
  font-size: 15px;
}

.path-checkout #commerce-checkout-flow-multistep-default .layout-region-checkout-footer {
  width: 100%;
  padding-top: 50px;
  border-top: 1px solid #b1b1b1;
}

#shipping_address {
  margin: 0 0 15px;
}

#shipping_address td {
  border: 0 !important;
  font-size: 15px;
}

.address h2 {
  margin-bottom: 5px;
}

.path-checkout .view-commerce-checkout-order-summary table td .product--variation-field--variation_product_id__2 {
  display: none;
}

.path-checkout #edit-ghn-checkout-pane-calc-lead-time table tr td a,
.path-checkout #edit-ghn-checkout-pane-calc-lead-time table tr td p {
  color: #3b3b3b;
}

.path-checkout .view-commerce-checkout-order-summary .views-field-purchased-entity div > .field:first-child {
  font-weight: 500;
}

.path-checkout .view-commerce-checkout-order-summary .views-field-purchased-entity div > .field:last-child {
  text-decoration: line-through;
  color: #b1b1b1;
}

.path-checkout .commerce-checkout-flow-multistep-default #edit-review {
  height: 90%;
}

.path-checkout .commerce-checkout-flow-multistep-default #edit-review fieldset {
  margin: 20px 0;
}

.page-view-commerce-user-orders .row.row-offcanvas {
  margin: 0 15px !important;
}

.page-view-commerce-user-orders .view-commerce-user-orders table thead th a,
.page-view-commerce-user-orders .view-commerce-user-orders table thead th a:focus {
  color: #000;
}

.page-view-commerce-user-orders .view-commerce-user-orders table td a:hover {
  color: #ee3338 !important;
}

.path-search-products .view-search-products {
  margin-bottom: 20px;
}

.path-search-products .view-search-products .view-content.row {
  margin: auto;
}

.path-search-products .view-search-products .product-item {
  margin-bottom: 20px;
  border: 1px solid #dce0e6;
  padding: 0;
  margin-left: 10px;
  width: 16%;
  overflow: hidden;
  position: relative;
}

.path-search-products .view-search-products .view-content.row .product-item:nth-child(6n + 1) {
  margin-left: 0;
}

.path-search-products .view-search-products .product-item .views-field-field-cac-chuong-trinh-khuyen-ma {
  position: absolute;
  width: 100%;
  top: 0;
  height: auto;
}

.path-search-products .view-search-products .product-item .percent-sale {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -38px;
  padding: 14px 30px 5px;
  font-size: 14px;
  background: red;
  color: #fff;
  font-weight: 600;
  rotate: 50deg;
  width: 100px;
}

.path-search-products .view-search-products .product-item:hover {
  border-color: #109a2c;
  box-shadow: 0 6px 5px -4px #c1c1c1;
}

.path-search-products .view-search-products .product-item:after {
  display: block;
  width: 0;
  height: 2px;
  background: #109a2c;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.path-search-products .view-search-products .product-item .views-field-field-product-images span,
.path-search-products .view-search-products .product-item:hover:after {
  width: 100%;
}

.path-search-products .view-search-products .certification {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 99;
}

.path-search-products .view-search-products .certification img {
  width: 60%;
}

.path-search-products .view-search-products .views-field-field-product-images {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}

.path-search-products .view-search-products .product-item .views-field-field-product-images a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.path-search-products .view-search-products .product-item .views-field-field-product-images img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
}

.path-search-products .view-search-products .product-item .views-field-title {
  min-height: 60px;
}

.path-search-products .view-search-products .product-item .views-field-title a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  padding: 15px 15px 0;
  display: block;
  margin-top: 10px;
}

.path-search-products .view-search-products .product-item .review {
  overflow: hidden;
  padding: 0 15px;
  position: relative;
}

.path-search-products .view-search-products .product-item .review span {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.path-search-products .view-search-products .product-item ._price_product > div .field {
  color: #109a2c;
  font-size: 18px;
  font-weight: 600;
  padding-right: 10px;
}

.path-search-products .view-search-products .product-item .views-field-variations a {
  display: block;
  text-indent: -99999px;
  width: 100%;
  height: 100%;
}

.path-search-products .view-search-products .product-item .form-actions.js-form-wrapper .button--add-to-cart:before,
.path-search-products .view-search-products .product-item .form-actions.js-form-wrapper .button--buy-now,
.path-search-products
.view-search-products
.product-item
.views-field-field-quality-certificate
.vocabulary-term-quality-certification
h2,
.path-search-products .view-search-products button[data-drupal-selector="edit-wishlist"],
.user-form #edit-contact,
.user-form #edit-language,
.user-form #edit-timezone {
  display: none;
}

.path-search-products .view-search-products .product-item .add-to-cart {
  position: relative;
  min-height: 50px;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 15px;
}

.path-search-products .view-search-products .product-item .add-to-cart input.button {
  background: 0 0;
  border: 1px solid #109a2c;
  border-radius: 30px;
  color: #006815;
  font-weight: 400;
  font-size: 14px;
  width: 162px;
  padding: 6px 20px;
  position: absolute;
  top: 0;
  left: calc((100% - 162px) / 2);
  z-index: 9;
}

.path-search-products .view-search-products .product-item .views-field-field-quality-certificate {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
}

.path-search-products
.view-search-products
.product-item
.views-field-field-quality-certificate
.vocabulary-term-quality-certification {
  display: inline-block;
  float: left;
  margin-right: 1px;
}

.path-search-products .view-search-products .product-item .views-field-field-quality-certificate img {
  width: auto;
  height: 35px;
}

.view-tra-cuu-don-hang .order-info > div {
  margin-bottom: 30px;
}

.view-tra-cuu-don-hang .information div {
  font-weight: 500;
  margin: 5px 0;
}

.view-tra-cuu-don-hang .information span {
  font-weight: 400;
}

.view-tra-cuu-don-hang .addres table td {
  font-size: 16px !important;
  color: #000 !important;
  padding-right: 0;
  padding-left: 0;
}

.view-tra-cuu-don-hang .addres .shipping_address_label {
  width: 10%;
}

.view-tra-cuu-don-hang .addres h2,
.view-tra-cuu-don-hang .store .order-retailer-name {
  font-size: 18px;
  font-weight: 500;
}

/*GIỚI THIỆU NHÓM SẢN PHẨM----------------------------*/
.view-gioi-thieu-nhom-san-pham .view-content > .views-row {
  padding: 0;
}

.view-gioi-thieu-nhom-san-pham .view-content .views-field-description__value {
  border: 1px solid #dce0e6;
  border-radius: 4px;
  padding: 20px 10px 80px;
  position: relative;
}

.view-gioi-thieu-nhom-san-pham .expand-collapse .ec-toggle-link {
  color: #109a2c;
  border: 2px solid #109a2c;
  border-radius: 30px;
  position: absolute;
  width: 162px;
  padding: 5px;
  text-align: center;
  bottom: 35px;
  left: calc((100% - 162px) / 2);
}

.view-gioi-thieu-nhom-san-pham .expand-collapse .ec-toggle-link.ecf-close:before, .view-gioi-thieu-nhom-san-pham .expand-collapse .ec-toggle-link.ecf-open:before {
  display: block;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 18px;
  color: #109a2c;
  font-weight: 700;
}

._content .col-12 ._product_abouts .ec-toggle-link.ecf-close:before {
  content: "";
  top: -35px;
}

/*END-------------------------------------------------*/
/*LIEN HE-------------------------------------------*/
._info > p {
  font-size: 30px;
  font-weight: bold;
}

._info ul li {
  list-style: none;
  line-height: 2;
}

._info ul li span {
  color: #009a1d;
  margin-right: 15px;
}

._info ul li a {
  color: #000;
}

/*END--------------------------------------------*/
@media screen and (min-width: 1200px) {
  #navbar-main #block-snnptnt-phutho-trangchutopmenu {
    right: 0;
    left: auto;
  }

  #block-idfood-exposedformsearch-productspage-search-results,
  .block-search-form-block {
    width: 40%;
  }
}

@media screen and (max-width: 1919px) {
  .block-views-blockhome-processed-foods-block-1 {
    margin-top: 40px;
    margin-bottom: 60px;
    background: linear-gradient(270deg, #e8f3e7 95%, #fff 5%);
    padding: 60px 0;
  }

  .block-views-blockhome-vegetable-block-1 {
    margin-top: 40px;
    margin-bottom: 60px;
    background: linear-gradient(90deg, #e8f3e7 95%, #fff 5%);
    padding: 60px 0;
  }
}

@media screen and (max-width: 1399px) {
  .block-views-blockhome-processed-foods-block-1 {
    margin-top: 40px;
    margin-bottom: 60px;
    background: linear-gradient(270deg, #e8f3e7 100%, #fff 0);
    padding: 60px 0;
  }

  .block-views-blockhome-vegetable-block-1 {
    margin-top: 40px;
    margin-bottom: 60px;
    background: linear-gradient(90deg, #e8f3e7 100%, #fff 0);
    padding: 60px 0;
  }
}

@media screen and (max-width: 1199px) {
  body.product-detail #content.main-content {
    overflow: visible;
  }

  #block-idfood-exposedformsearch-productspage-search-results,
  .block-search-form-block {
    width: 30%;
  }

  #header {
    background-size: auto 100%;
    background-position: center;
  }

  #navbar-main .nav-bottom {
    min-height: 52px !important;
  }

  #CollapsingNavbar {
    position: absolute;
    z-index: 99;
    right: 0;
    left: 0;
    top: 2px;
    width: 100%;
    padding: 0 10px;
  }

  #block-idfood-exposedformsearch-productspage-search-results .form-actions button,
  .block-search-form-block .content .form-actions button {
    width: 50px;
  }

  #navbar-main #block-snnptnt-phutho-trangchutopmenu {
    top: auto;
    bottom: -52px;
    z-index: 99999;
  }

  .sf-accordion-toggle {
    height: 45px;
    width: 45px;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 5px;
    position: relative;
    float: right;
    margin-right: 5px;
  }

  #superfish-main-menu-toggle span,
  #superfish-menu-chuyen-muc-bai-viet-toggle span {
    color: transparent;
    display: none;
  }

  #superfish-main-menu-toggle:before,
  #superfish-menu-chuyen-muc-bai-viet-toggle:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    color: #fff;
    top: -3px;
    left: 7px;
    font-weight: 900;
    font-size: 2rem;
  }

  #superfish-main-menu-toggle.sf-expanded:before,
  #superfish-menu-chuyen-muc-bai-viet-toggle.sf-expanded:before {
    content: "";
    left: 10px;
  }

  #superfish-main-menu-accordion,
  #superfish-menu-chuyen-muc-bai-viet-accordion {
    background: #009a1d;
    box-shadow: 0 5px 10px gray;
  }

  #superfish-main-menu-accordion .sf-has-clone-parent,
  #superfish-menu-chuyen-muc-bai-viet-accordion .sf-has-clone-parent {
    padding-left: 20px;
  }

  #content,
  #sidebar_first,
  #sidebar_second {
    width: 100%;
  }

  .product-detail .sidebar_second {
    margin: 0;
  }

  #content {
    order: -1;
  }

  #sidebar_first {
    order: 2 !important;
  }

  .sidebar .block.block-views-blocklien-ket-websites-block-1 {
    margin-bottom: 2.5rem;
  }

  .block-views-blockhome-processed-foods-block-1 {
    margin-top: 40px;
    margin-bottom: 60px;
    background: linear-gradient(270deg, #e8f3e7 100%, #fff 0) !important;
    padding: 60px 0;
  }

  .block-views-blockhome-vegetable-block-1 {
    margin-top: 40px;
    margin-bottom: 60px;
    background: linear-gradient(90deg, #e8f3e7 100%, #fff 0) !important;
    padding: 60px 0;
  }

  #block-idfood-exposedformsearch-productspage-search-results-2 {
    width: 20%;
    display: inline-block;
  }

  #block-idfood-giohang {
    padding: 2px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .view-products-san-pham-cung-danh-muc > .view-content > .views-row {
    width: 32%;
    margin-right: 10px;
  }

  .product-list-view-sale-off .product-item {
    width: 24.2%;
  }

  .product-list-view-sale-off .product-item:nth-child(5n+1) {
    margin-left: 10px;
  }

  .product-list-view-sale-off .product-item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  form.buy-now-add-to-cart-form .btn-buy-now,
  form.buy-now-add-to-cart-form button {
    width: calc(70% - 0.5rem);
  }
}

@media screen and (max-width: 991px) {
  #CollapsingNavbar {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: inherit;
  }

  #navbar-main .nav-top {
    height: 105px !important;
    max-width: 95%;
    padding-left: 0;
    padding-right: 0;
  }

  #block-idfood-cart {
    padding: 2px 15px;
  }

  #block-idfood-exposedformsearch-productspage-search-results,
  .block-search-form-block {
    width: 25%;
  }

  #navbar-main #block-snnptnt-phutho-logo {
    margin-left: auto;
    margin-right: auto;
  }

  #superfish-main-menu-accordion,
  #superfish-menu-chuyen-muc-bai-viet-accordion {
    position: absolute;
    top: 46px !important;
    width: 300px !important;
  }

  #superfish-main-menu-accordion a.menuparent,
  #superfish-menu-chuyen-muc-bai-viet-accordion a.menuparent {
    padding-right: 35px;
  }

  #superfish-main-menu-accordion .sf-sub-indicator,
  #superfish-menu-chuyen-muc-bai-viet-accordion .sf-sub-indicator {
    opacity: 1 !important;
    right: 10px !important;
  }

  #superfish-main-menu-accordion .sf-sub-indicator:after,
  #superfish-menu-chuyen-muc-bai-viet-accordion .sf-sub-indicator:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #fff;
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: 0;
  }

  #superfish-main-menu-accordion li,
  #superfish-menu-chuyen-muc-bai-viet-accordion li {
    text-transform: uppercase;
  }

  footer.site-footer .site-footer__top > .row {
    width: 50% !important;
  }

  footer.site-footer:after {
    display: none;
  }

  footer .site-footer__bottom .content {
    text-align: center;
  }

  footer .site-footer__bottom .content p,
  footer .site-footer__bottom .content p:first-child {
    color: #fff;
  }

  body.scrolled #CollapsingNavbar {
    justify-content: flex-start !important;
    align-items: center;
  }

  #block-idfood-exposedformsearch-productspage-search-results-2 {
    width: 65%;
    margin-right: 10px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 825px) {
  .sf-accordion-toggle {
    float: none;
  }

  body.scrolled #header #navbar-main {
    height: 104px;
  }

  #block-idfood-hotline p {
    font-size: 16px !important;
  }

  .block-search-form-block .content input {
    border-radius: 15px !important;
    border: 0;
  }

  #block-idfood-exposedformsearch-productspage-search-results > .container {
    padding: 0;
  }

  #block-idfood-logo .container {
    padding-left: 0;
  }

  .home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner-content .slide-content-title {
    font-size: 26px;
  }

  .view-trang-chu-khuyen-mai .slick__arrow button {
    width: 28px;
    height: 48px;
    background-size: 100%;
  }

  .view-trang-chu-khuyen-mai .slick__arrow button.slick-next {
    right: -8px;
  }

  .view-trang-chu-khuyen-mai .slick__arrow button.slick-prev {
    left: -8px;
  }

  .view-trang-chu-khuyen-mai .slick-slider > .slick-list {
    margin-right: -5px;
    margin-left: -5px;
  }

  .home-page .product-category-slide .slick-dots li,
  .home-page .product-category-slide .slick-dots li button,
  .view-trang-chu-khuyen-mai .slick-dots li,
  .view-trang-chu-khuyen-mai .slick-dots li button {
    width: 20px;
    border-radius: 50px;
  }

  .block-views-blockhome-processed-foods-block-1,
  .block-views-blockhome-vegetable-block-1 {
    background: #e8f3e7;
  }

  #block-views-exposed-filter-blocksub-processed-foods-block-sub-processed-foods,
  #block-views-exposed-filter-blocksub-vegetable-block-sub-vegetable {
    display: none;
  }

  .home-page .view-home-vegetable .view-sub-product-slider {
    padding-right: 0;
  }

  .home-page .view-home-processed-foods .view-sub-product-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .home-page .view-home-processed-foods .view-sub-processed-foods,
  .home-page .view-home-processed-foods .view-sub-vegetable {
    margin-bottom: 60px;
  }

  .home-page .slick--less .view-sub-processed-foods .slick-track,
  .home-page .slick--less .view-sub-vegetable .slick-track {
    text-align: left !important;
  }

  .home-page .view-view-bai-viet-trang-chu .view-content .views-row {
    margin-bottom: 10px;
  }

  .home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing {
    padding: 0 !important;
  }

  .home-page .product-category-slide .view-content.row .slick__slide:first-child {
    padding-left: 0;
  }

  .home-page .product-category-slide .view-content.row .slick__slide:last-child {
    padding-right: 0;
  }

  .home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing ._img_article img,
  .view-chi-tiet-san-pham .view-product-chi-tiet-san-pham-hinh-anh .field-gallery-mainimage img {
    width: 100%;
  }

  .product-list-view .product-item {
    width: 32.333%;
  }

  .product-list-view .view-content.row .product-item:nth-child(4n + 1) {
    margin-left: 10px;
  }

  .product-list-view .view-content.row .product-item:nth-child(3n + 1) {
    margin-left: 0;
  }

  .product-list-view .product-item .title-product a {
    font-size: 14px;
  }

  .product-list-view-sale-off .product-item {
    width: 32%;
    margin-left: 10px;
  }

  .product-list-view-sale-off .product-item:nth-child(5n+1) {
    margin-left: 10px;
  }

  .product-list-view-sale-off .product-item:nth-child(4n + 1) {
    margin-left: 10px;
  }

  .product-list-view-sale-off .product-item:nth-child(3n + 1) {
    margin-left: 0px;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .product-title span {
    font-size: 30px;
    line-height: 30px;
  }

  .view-chi-tiet-san-pham .view-product-chi-tiet-san-pham-hinh-anh {
    position: relative;
  }

  .view-chi-tiet-san-pham .view-product-chi-tiet-san-pham-hinh-anh .field-gallery-mainimage a {
    width: 100%;
    height: 100%;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id {
    width: 64%;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-field-traceability-link {
    width: 40%;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-field-traceability-link-1 {
    left: 0;
    width: 40%;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id-1 {
    width: 30%;
  }

  .view-chi-tiet-san-pham
  .product-detail-title-price
  .views-field-variations-target-id-1
  .form-actions
  .button--buy-now {
    border: 1px solid red;
    border-radius: 30px;
    background: red;
    color: #fff;
    font-size: 14px;
    padding: 6px 20px;
    width: 127px;
  }

  .view-product-bai-viet-lien-quan {
    padding: 0;
  }

  .view-chi-tiet-san-pham .product-ratting {
    left: 65%;
    top: 23%;
  }

  .view-products-san-pham-cung-danh-muc > .view-content > .views-row {
    width: 32.333%;
    padding-bottom: 15px;
    margin-right: 10px;
  }

  .view-products-san-pham-cung-danh-muc .views-row:nth-child(3n) {
    margin-right: 0;
  }

  .view-products-san-pham-cung-danh-muc .views-row .col-lg-7 {
    padding-left: 10px;
  }

  .view-products-san-pham-cung-danh-muc .views-row .col-lg-5 {
    height: auto;
  }

  .product-list-view-sale-off .product-item {
    width: 32.333%;
  }

  .view-product-bai-viet-lien-quan .article-item-relate .views-field-nothing ._title_article a {
    font-size: 16px;
  }

  .view-products-san-pham-cung-danh-muc .views-row .views-field-field-cert-icon {
    width: 100px;
  }

  .view-product-bai-viet-lien-quan h3 {
    font-size: 20px;
    letter-spacing: 0;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item {
    width: 32.3%;
    margin-bottom: 10px;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item:nth-child(3n + 1) {
    margin-left: 0;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item:nth-child(3n) {
    margin-right: 0;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item .img-product {
    height: auto !important;
  }

  .view-trang-chu-khuyen-mai .slick--view--trang-chu-khuyen-mai {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .article-detail #sidebar_second,
  .article-list #sidebar_second,
  .block-views-blocktin-tuc-bai-viet-lien-quan-block-1,
  .block-views-blocktin-tuc-bai-viet-lien-quan-block-1 .container {
    padding: 0 !important;
  }

  .view-view-chi-tiet-bai-viet .views-field-title {
    font-size: 30px;
    line-height: 30px;
  }

  .view-tin-tuc-bai-viet-lien-quan .view-content.row {
    margin: 0 -5px;
  }

  .view-tin-tuc-bai-viet-lien-quan .views-row {
    padding: 0 5px;
  }

  .view-tin-tuc-bai-viet-lien-quan .views-row .views-field-nothing {
    margin-bottom: 10px;
  }

  .article-detail main.main-content,
  .article-list main.main-content {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .block-search-form-block {
    width: 70% !important;
  }

  .block-search-form-block .search-block-form {
    padding-left: 0 !important;
  }

  #block-idfood-secondmenu {
    display: none;
  }

  .sf-accordion-toggle {
    float: left;
  }

  #block-idfood-mainmenu {
    display: inline-block !important;
    width: auto !important;
    min-width: 48px;
  }

  #block-idfood-mainmenu .sf-accordion-toggle,
  #block-superfish-menu-chuyen-muc-bai-viet .sf-accordion-toggle {
    position: absolute;
  }

  #block-idfood-mainmenu ul.sf-menu.sf-accordion.sf-expanded {
    top: 46px !important;
    border-radius: 0;
  }

  #navbar-main .nav-bottom {
    min-height: 0;
  }

  .no-border-end-last-col > div.border-end {
    border: 0 !important;
  }

  footer.site-footer .site-footer__top > .row {
    width: 100% !important;
    padding: 0;
  }
}

@media screen and (max-width: 575px) {
  .region-footer-fourth .container .container,
  .region-footer-second .container .container,
  .region-footer-third .container .container {
    padding-left: 0;
  }

  .region-footer-fourth .container .container .publis img,
  .region-footer-fourth .container .container .row.pay img,
  .region-footer-fourth .container .container ul li,
  .region-footer-second .container .container img,
  .region-footer-second .container .container ul li,
  .region-footer-third .container .container img,
  .region-footer-third .container .container ul li {
    padding-left: 18px;
  }

  .featured-top,
  body #main.container .row.row-offcanvas {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #block-idfood-breadcrumbs .container,
  header #search-block-form {
    padding: 0;
  }

  body.article-detail #block-idfood-secondmenu,
  body.article-list #block-idfood-secondmenu {
    display: block !important;
  }

  #superfish-second-menu > li {
    display: none;
  }

  #superfish-second-menu > li:last-child {
    display: block;
  }

  #superfish-second-menu > li a::before {
    display: none !important;
  }

  #navbar-main .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  #block-snnptnt-phutho-mainmenu .sf-accordion-toggle {
    margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  #navbar-main #block-snnptnt-phutho-trangchutopmenu {
    margin-left: calc(var(--bs-gutter-x) * 0.2) !important;
  }

  #navbar-main #block-snnptnt-phutho-trangchutopmenu .content ul li {
    padding-right: 0;
  }

  #block-idfood-mainmenu ul.sf-menu.sf-accordion.sf-expanded,
  #block-idfood-menuchuyenmucbaiviet ul.sf-menu.sf-accordion.sf-expanded {
    top: auto !important;
    bottom: 0;
  }

  #superfish-main-menu-accordion,
  #superfish-main-menu-accordion.sf-accordion li,
  #superfish-menu-chuyen-muc-bai-viet-accordion,
  #superfish-menu-chuyen-muc-bai-viet-accordion.sf-accordion li,
  .home-page .product-list-view .views-row .img-product > div,
  .path-cart .cart.cart-form table tr td img,
  .product-detail .views-field-field-traceability-link img {
    width: 100%;
  }

  .block-search-form-block .content .form-actions {
    right: 0 !important;
    top: 0 !important;
  }

  #block-idfood-hotline {
    display: none;
  }

  #navbar-main .nav-top,
  body.scrolled #navbar-main .nav-top {
    background: #025703;
    background-size: cover;
  }

  #navbar-main .nav-top {
    /*justify-content: flex-end;*/
    height: 72px !important;
    max-width: 100%;
    padding: 15px 10px !important;
  }

  body.scrolled #navbar-main .nav-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1035;
    height: 72px !important;
  }

  #block-idfood-exposedformsearch-productspage-search-results,
  .block-search-form-block,
  .one-page #main img {
    width: 70% !important;
  }

  body:not(.home-page) #block-idfood-exposedformsearch-productspage-search-results,
  body:not(.home-page) .block-search-form-block {
    width: 55% !important;
  }

  body:not(.home-page) #block-idfood-logo {
    display: none;
  }

  #block-idfood-logo {
    width: 100%;
    text-align: center;
  }

  .home-page .add-to-cart input.button:before,
  body.scrolled #block-idfood-logo {
    display: none;
  }

  #block-idfood-exposedformsearch-productspage-search-results > .container,
  #block-idfood-logo .container {
    padding: 0 !important;
  }

  #block-idfood-logo img {
    width: 21%;
    margin-bottom: 10px;
    float: none;
  }

  .region-footer-second #block-idfood-footerfirst .field--name-body ul li {
    display: inline-block;
    width: 49%;
  }

  #block-views-block-trang-chu-banner-slider-block-1 > .container {
    padding: 0;
  }

  .home-page .view-trang-chu-banner-slider {
    margin-top: 0;
  }

  .home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner-content .slide-content-title {
    font-size: 16px;
  }

  .home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner-content .slide-content-link a {
    font-size: 14px;
  }

  body #main,
  body #main.container {
    padding: 0 10px;
    margin-top: 30px;
  }

  .article-detail #main.container,
  .one-page #main.container,
  .page-view-view-faq #main.container,
  .product-detail #main.container {
    margin-top: 30px;
  }

  .home-page .view-trang-chu-banner-slider .slick-slide li.slide__grid .slide-banner-content {
    bottom: 16%;
  }

  .home-page #main h2 {
    font-size: 24px;
  }

  .block-views-blocktrang-chu-khuyen-mai-block-1,
  .sidebar_second .block h2,
  footer .site-footer__bottom {
    margin-top: 20px;
    padding: 15px 0;
  }

  .view-trang-chu-khuyen-mai .slick-slide > div {
    display: flex;
  }

  .view-trang-chu-khuyen-mai .slick-slide > div > ul {
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 48.6% !important;
  }

  .view-trang-chu-khuyen-mai .slick-slide > div > ul:nth-child(even) {
    margin-right: 0;
  }

  .view-trang-chu-khuyen-mai .slick-slide .slide__grid .grid__content .slick__slide .km-content .km-content-title {
    font-size: 15px;
    min-height: 67px !important;
  }

  .view-trang-chu-khuyen-mai .slick-slide .slide__grid {
    padding-bottom: 15px;
  }

  .view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .km-content-price {
    font-size: 15px !important;
  }

  .home-page .product-reviews {
    padding-top: 0 !important;
  }

  .view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .km-content,
  .view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-nothing-1,
  .view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .views-field-nothing-2 {
    padding: 10px 10px 0;
  }

  .home-page .add-to-cart input.button {
    background: 0 0;
    border: 1px solid #109a2c;
    border-radius: 30px;
    color: #006815;
    font-size: 14px;
    padding: 6px 20px;
    width: 162px;
    margin-top: 10px;
    /*margin-left: calc((100% - 162px) / 2);*/
    z-index: 9;
  }

  .home-page .add-to-cart input.button:hover {
    background: #109a2c;
    color: #fff;
  }

  .home-page .product-prices {
    color: #109a2c;
    font-size: 15px;
    font-weight: 500;
  }

  .home-page .product-list-view .views-row .gia-ban ._price_product > div,
  .home-page .product-prices div._price_product > div {
    display: flex;
    align-items: baseline;
  }

  .home-page .product-prices div._price_product > div > div:nth-child(1) {
    padding-right: 10px;
  }

  .home-page .product-prices div._price_product > div > div:nth-child(2) {
    color: #b1b1b1 !important;
    text-decoration: line-through;
    padding-right: 0;
    font-size: 13px !important;
    font-weight: 400;
  }

  .view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .km-content-price > div div:nth-child(1) {
    padding-right: 5px;
  }

  .view-trang-chu-khuyen-mai .slick-slide .slide__grid .slick__slide .km-content-price > div div:nth-child(2) {
    padding-right: 0;
    font-size: 13px !important;
  }

  .home-page
  .product-category-slide
  .slick-slide
  .slide__grid
  .grid__content
  .slick__slide
  .views-field-variations-target-id
  .field-content
  > div,
  .view-trang-chu-khuyen-mai
  .slick-slide
  .slide__grid
  .grid__content
  .slick__slide
  .km-content
  .km-content-price
  > div {
    flex-wrap: wrap;
  }

  .view-trang-chu-khuyen-mai .slick-dots {
    bottom: -30px;
  }

  .view-trang-chu-khuyen-mai .slick-dots li,
  .view-trang-chu-khuyen-mai .slick-dots li button {
    width: 50px;
    border-radius: 30px;
  }

  .home-page .product-list-view .views-row .certification h2,
  .view-trang-chu-khuyen-mai .slick__arrow {
    display: none;
  }

  .home-page .product-category-slide .slick-slide .slide__grid .grid__content .slick__slide .views-field-title {
    font-size: 14px !important;
    min-height: 72px !important;
  }

  .home-page .product-category-slide .view-content.row .slick__slide .views-field-variations-target-id {
    min-height: 52px;
  }

  .block-views-blockhome-product-che-bien-block-list-products,
  .block-views-blockhome-product-rau-cu-block-list-products {
    display: block;
  }

  .home-page .block-views-blockhome-product-che-bien-block-list-products,
  .home-page .block-views-blockhome-product-rau-cu-block-list-products {
    background: #e8f3e7;
    padding: 30px 0;
    margin-bottom: 20px;
  }

  .home-page .product-list-view .views-infinite-scroll-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .home-page .product-list-view > .view-content.row > .views-row {
    position: relative;
    background: #fff;
    width: 48.6%;
    margin-bottom: 0.5rem;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    min-height: 395px;
  }

  .home-page .product-list-view > .view-content.row > .views-row .review {
    overflow: hidden;
    padding: 0 10px;
    position: relative;
  }

  .home-page .product-list-view .views-row .review span {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .home-page .product-list-view .views-row .views-field-field-cac-chuong-trinh-khuyen-ma {
    position: absolute;
    width: 100%;
    top: 0;
    height: auto;
  }

  .home-page .product-list-view .views-row .views-field-field-cac-chuong-trinh-khuyen-ma img {
    width: 100%;
    height: auto;
  }

  .home-page .product-list-view .views-row .percent-sale {
    display: inline-block;
    position: absolute;
    top: -7px;
    right: -34px;
    padding: 12px 30px 2px;
    font-size: 14px;
    background: red;
    color: #fff;
    font-weight: 600;
    rotate: 50deg;
  }

  .home-page .product-list-view .views-row:nth-child(even) {
    margin-right: 0 !important;
  }

  .home-page .product-list-view .views-row .certification {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
  }

  .home-page .product-list-view .views-row .certification .vocabulary-term-quality-certification {
    display: inline-block;
    float: left;
    margin-right: 1px;
  }

  .home-page .product-list-view .views-row .certification img {
    width: auto;
    height: 35px;
  }

  .home-page .product-list-view .views-row .img-product {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
  }

  .home-page .product-list-view .views-row .img-product a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
  }

  .home-page .product-list-view .views-row .img-product img {
    width: 100%;
    height: auto;
    transition: transform 0.5s;
  }

  .home-page .product-list-view .views-row .title-product {
    min-height: 60px;
  }

  .home-page .product-list-view .views-row .title-product a {
    color: #555;
    font-size: 15px;
    font-weight: 400;
    padding: 15px 10px 0;
    display: block;
  }

  .home-page .product-list-view .views-row:hover .title-product a {
    color: #109a2c;
  }

  .block-views-blockhome-processed-foods-block-1,
  .block-views-blockhome-vegetable-block-1,
  .home-page .product-list-view .views-row .gia-ban ._price_product .field__label,
  .product_filter_sidebar {
    display: none;
  }

  .home-page .product-list-view .views-row .gia-ban ._price_product {
    color: #109a2c;
    font-size: 15px;
    font-weight: 600;
  }

  .home-page .product-list-view .views-row .gia-ban ._price_product > div div:nth-child(1) {
    padding-right: 10px;
  }

  .home-page .product-list-view .views-row .gia-ban ._price_product > div div:nth-child(2) {
    color: #ccc !important;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: 400;
  }

  .home-page .product-list-view .views-row .views-field-view-commerce-product {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .home-page .product-list-view .views-row .views-field-view-commerce-product a {
    display: block;
    text-indent: -99999px;
    width: 100%;
    height: 100%;
  }

  .home-page .product-list-view .views-row .views-field-variations-target-id-1 {
    z-index: 9;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 10px;
  }

  .home-page .product-list-view ul.js-pager__items {
    padding: 0;
    text-align: center;
    margin-top: 25px;
  }

  .home-page .product-list-view ul.js-pager__items li {
    list-style: none;
  }

  .home-page .product-list-view ul.js-pager__items a {
    padding: 5px 15px;
    color: #008b32;
    border: 1px solid #008b32;
    background: #fff;
    font-weight: 400;
  }

  .home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing {
    padding: 10px 0 !important;
  }

  .home-page .view-view-bai-viet-trang-chu .view-content .views-row .views-field-nothing ._title_article {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .home-page .product-category-slide .slick-dots li,
  .home-page .product-category-slide .slick-dots li button {
    width: 20px;
    border-radius: 50px;
  }

  .home-page .slick--less .view-sub-processed-foods .slick-track,
  .home-page .slick--less .view-sub-vegetable .slick-track {
    text-align: left !important;
  }

  .site-footer .block {
    margin: 10px 0 0;
  }

  .home-page .product-list-view .view-footer {
    text-align: center;
    padding: 30px 0;
  }

  .home-page .product-list-view .view-footer a {
    padding: 5px 45px;
    color: #008b32;
    border-radius: 30px;
    border: 1px solid #008b32;
    font-weight: 400;
  }

  .home-page .product-list-view .view-footer a:hover {
    color: #fff !important;
    background-color: #008b32;
    border: 2px solid #008b32;
  }

  .product-list-view .product-item {
    width: 48.5%;
    margin-left: 10px;
    padding-bottom: 10px;
  }

  .product-list-view .view-content.row .product-item:nth-child(odd) {
    margin-left: 0 !important;
  }

  .product-list-view .view-content.row .product-item:nth-child(3n + 1) {
    margin-left: auto;
  }

  .product-list-view .product-item .title-product a,
  .product-list-view .product-item .views-field-nothing ._content {
    padding: 10px 5px 0 !important;
  }

  .product-list-view .product-item .add-to-cart .button--add-to-cart {
    font-size: 12px;
  }

  .product-list-view .product-item .views-field-nothing ._price_product .field__item {
    font-size: 16px !important;
  }

  .product-list-view .product-item .views-field-nothing ._price_product > div .field:nth-child(2) {
    font-size: 13px !important;
  }

  .product-list-view .product-item .review {
    padding: 0 5px;
  }

  .product-list-view-sale-off .product-item {
    width: 48.5%;
  }

  .product-list-view-sale-off .product-item:nth-child(3n+1) {
    margin-left: 10px;
  }

  .product-list-view-sale-off .product-item:nth-child(odd) {
    margin-left: 0px;
  }

  body:not(.home-page) .taxonomy-menu {
    display: block;
  }

  body:not(.home-page) .block-views-blocktrang-chu-menu-danh-muc-san-pham-mobile-block-1 > .container {
    padding: 0;
  }

  .taxonomy-menu {
    margin-bottom: 25px;
  }

  .taxonomy-menu .view-content.row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin: 0;
    justify-content: left;
  }

  .taxonomy-menu .view-content.row::-webkit-scrollbar {
    height: 5px;
  }

  .taxonomy-menu .view-content.row::-webkit-scrollbar-thumb {
    background: #ce3236;
    border-radius: 50px;
  }

  .taxonomy-menu .view-content.row::-webkit-scrollbar-track-piece {
    background: #ededed59;
    border-radius: 50px;
  }

  .taxonomy-menu .view-content.row::-webkit-scrollbar-track-piece:end {
    margin-right: 160px;
  }

  .taxonomy-menu .view-content.row::-webkit-scrollbar-track-piece:start {
    margin-left: 160px;
  }

  .taxonomy-menu .view-content.row .views-row {
    width: 22%;
    text-align: center;
    padding-left: 0;
  }

  .taxonomy-menu .view-content.row .views-row .views-field-name * {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
  }

  .taxonomy-menu .view-content.row .views-row .views-field-name a,
  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id .field-content > div {
    display: block;
  }

  .taxonomy-menu .view-content.row .views-row .views-field-field-category-icon img {
    border: 1px solid #dadada;
    border-radius: 15px;
    margin-bottom: 5px;
    width: 85%;
  }

  .row.product-detail {
    margin-left: 0;
    margin-right: 0;
  }

  .product-detail .product-images {
    padding-right: 0;
  }

  .product-detail .product-images .view-_1-product-detail-images .view-content.row {
    margin-right: 0;
  }

  .product-detail .product-body {
    padding-left: 0;
  }

  .view-_3-product-detail-traceability {
    margin-bottom: 20px;
    width: fit-content;
  }

  .product-detail .product-body .views-field-field-traceability-link {
    text-align: left;
  }

  .view-chi-tiet-san-pham .view-product-chi-tiet-san-pham-hinh-anh .cycle-slideshow > img {
    height: 355px;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-field-traceability-link {
    width: 36%;
    position: absolute;
    top: 200px;
    right: 15px;
    margin-right: 0;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-field-traceability-link .views-label {
    font-size: 13px;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-field-traceability-link-1 {
    width: 36%;
    position: absolute;
    top: 195px;
    right: 20px;
    margin-right: 0;
    left: auto;
  }

  .view-chi-tiet-san-pham .product-detail-title-price {
    padding-left: 0 !important;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id {
    width: 100%;
    background: #999;
    padding: 5px;
    margin: 15px 0;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id .field-content {
    background: #fff;
    display: block;
    border-radius: 6px;
    padding: 3px 10px 50px;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id-1 {
    position: relative;
    width: 45%;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id-1 .form-actions {
    position: absolute;
    top: -85px;
    left: 15px;
  }

  .view-chi-tiet-san-pham
  .product-detail-title-price
  .views-field-variations-target-id-1
  .form-actions
  .button--buy-now {
    width: 162px;
  }

  .view-chi-tiet-san-pham
  .product-detail-title-price
  .views-field-variations-target-id
  .field--type-commerce-price:nth-child(2) {
    font-size: 20px;
    margin-left: 10px;
  }

  .product-detail .product-body .view-_2-product-detail-about .views-field-nothing-1 .field-content {
    flex-flow: wrap;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item .price-product > span > div .field,
  form.buy-now-add-to-cart-form #form-actions button {
    font-size: 15px;
  }

  .view-product-chi-tiet-san-pham-ten-gia .view-footer {
    margin-top: -30px !important;
    width: 100%;
    background: #999;
    padding: 5px;
    display: block;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .product-title {
    height: 80px;
  }

  .view-product-chi-tiet-san-pham-ten-gia .view-footer .select-delivery-box {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id .field--type-commerce-price,
  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id input,
  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id label {
    display: inline-block;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-body {
    display: none;
  }

  .view-chi-tiet-san-pham .product-detail-title-price .views-field-variations-target-id .field-content > div > form {
    width: 100%;
    display: block;
    padding-top: 20px;
  }

  .view-chi-tiet-san-pham
  .product-detail-title-price
  .views-field-variations-target-id
  .form-actions
  button.button--add-to-cart {
    margin-left: 0;
  }

  ._store .view-content .views-row {
    width: 90%;
  }

  .block-views-blockproduct-bai-viet-lien-quan-block-1 {
    margin-bottom: 15px;
    padding: 20px 15px !important;
  }

  ._content .col-12 ._product_abouts,
  ._content .col-12 ._store,
  .view-product-chi-tiet-san-pham-01 .views-field-nothing-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .view-products-san-pham-cung-danh-muc > .view-content > .views-row {
    width: 48%;
  }

  .view-products-san-pham-cung-danh-muc .views-row .sale {
    position: absolute;
    top: 7px;
    right: -47px;
    width: 120px;
    rotate: 50deg;
  }

  .view-products-san-pham-cung-danh-muc .views-row:nth-child(odd) {
    margin-right: 10px;
  }

  .view-products-san-pham-cung-danh-muc .views-row:nth-child(even) {
    margin-right: auto;
  }

  .view-product-bai-viet-lien-quan .view-content.row > div {
    margin-bottom: 15px;
    padding: 0;
  }

  .view-product-bai-viet-lien-quan,
  .view-view-trang-danh-sach-bai-viet .view-content.row {
    margin: 0;
  }

  .article-detail .sidebar_second {
    padding: 0;
  }

  .view-view-chi-tiet-bai-viet .views-field-title {
    font-size: 30px;
  }

  .view-view-trang-danh-sach-bai-viet .article-item .views-field-nothing {
    padding: 0 !important;
    margin-bottom: 1.5rem !important;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item {
    width: 48.5%;
    margin: 0 0 15px 10px !important;
    height: auto;
    padding-bottom: 10px;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item:nth-child(odd) {
    margin-left: 0 !important;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item:nth-child(2n) {
    margin-right: 0;
  }

  .view-san-pham-lien-quan-trang-bai-viet .view-content.row .product-item:nth-child(3n + 1) {
    margin-left: 0;
  }

  .view-san-pham-lien-quan-trang-bai-viet .view-content.row .product-item:last-child {
    margin-left: 5px;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item .views-field-variations-target-id-1 .form-actions button {
    padding: 6px 10px;
    width: 150px;
    left: calc((100% - 150px) / 2);
  }

  .view-san-pham-lien-quan-trang-bai-viet h3 {
    letter-spacing: 0;
  }

  .view-san-pham-lien-quan-trang-bai-viet {
    padding: 20px 10px;
  }

  .view-san-pham-lien-quan-trang-bai-viet .product-item .review .far {
    font-size: 13px;
  }

  .one-page .sidebar_first .block .container h2,
  .view-san-pham-lien-quan-trang-bai-viet .product-item .views-field-nothing-1 {
    display: none;
  }

  #block-views-block-san-pham-lien-quan-trang-bai-viet-block-1 > .container,
  .block-views-blockview-chi-tiet-bai-viet-block-1 > .container {
    padding: 0;
  }

  .path-cart .cart.cart-form table,
  .path-checkout table {
    table-layout: fixed;
  }

  .path-cart .cart.cart-form table thead th {
    width: 100px;
  }

  .path-cart .view-commerce-cart-form .views-field-edit-quantity input {
    width: 80px;
  }

  .path-checkout #edit-sidebar-coupon-redemption-form button[type="submit"] {
    top: 26px;
    width: 120px !important;
    padding: 5px 0;
  }

  .path-checkout .form-item-shipping-information-shipping-profile-select-address label {
    width: 80%;
  }

  .path-checkout #edit-ghn-checkout-pane-calc-lead-time table thead th,
  .path-checkout .view-commerce-checkout-order-summary table th {
    width: 120px;
  }

  .path-checkout .commerce-checkout-flow-multistep-default .layout-region-checkout-secondary {
    margin-top: 20px;
  }

  .path-checkout .commerce-checkout-flow-multistep-default .layout-region-checkout-secondary .bg-light.p-4 {
    padding: 10px 0 0 0 !important;
    border-top: 1px dotted #000;
  }

  .path-user #block-superfish-user-account .sf-accordion-toggle {
    float: none;
    border: 0;
    vertical-align: middle;
    display: inline;
    padding: 5px 20px;
  }

  .path-user #block-superfish-user-account .sf-accordion-toggle a {
    color: #fff;
  }

  footer .site-footer__bottom .content {
    padding: 0 0.5em;
  }

  .colum2-row1 .view-content .views-row:nth-child(even) .views-field-nothing,
  .colum2-row1 .view-content .views-row:nth-child(odd) .views-field-nothing {
    margin-bottom: 20px;
  }

  .colum2-row1 .view-content .views-row:nth-child(even) .views-field-nothing,
  .colum2-row1 .view-content .views-row:nth-child(odd) .views-field-nothing,
  .colum2-row2 .view-content .views-row:nth-child(even),
  .colum2-row2 .view-content .views-row:nth-child(odd),
  .colum2-row2-scroll .view-content .views-row:nth-child(even),
  .colum2-row2-scroll .view-content .views-row:nth-child(odd) {
    padding: 0 !important;
  }

  .colum2-row2 .view-content .views-row {
    margin-left: 10px;
    width: 48.6%;
  }

  .colum2-row2 .view-content .views-row:nth-child(odd) {
    margin-left: 0;
  }

  .colum2-row2 .view-content .views-row ._title_article,
  .colum2-row2-scroll .view-content .views-row ._title_article,
  .list-row .view-content .views-row .view-list-title {
    margin: 10px 0;
  }

  .list-row .view-content.row > div {
    padding-right: 0;
  }

  .list-row .view-content .views-row .row > div:first-child {
    padding: 0;
  }

  .list-row .view-content .views-row .row > div:last-child {
    padding: 0;
  }

  .colum2-row2 .view-content {
    margin: auto;
  }

  .view-tra-cuu-don-hang .addres .shipping_address_label {
    width: 25%;
  }

  .view-tra-cuu-don-hang .addres td {
    vertical-align: baseline;
  }

  .one-page .sidebar_first,
  .one-page .sidebar_first .block {
    padding: 0;
  }

  .one-page .sidebar_first .block .sf-accordion-toggle a {
    background: #179e19;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding: 10px 20px 10px 10px;
    display: block;
    width: 100%;
  }

  .one-page .sidebar_first .block .sf-accordion-toggle a:hover {
    color: #fff !important;
  }

  .one-page .sidebar_first .block .sf-accordion-toggle a:after {
    display: block;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    right: 15px;
    top: 2px;
    position: absolute;
  }
}

@media screen and (max-width: 375px) {
  .colum2-row2 .view-content .views-row {
    width: 48%;
  }
}

.layout-checkout-form .layout-region.layout-region-checkout-secondary {
  background-color: #f8f9fa !important;
}

/* Custom address book */
.contextual-region.profile {
  padding: 0.8rem 0;
  border-top: 1px solid #dedede;
  margin-top: 1rem;
}

.address-book__edit-link {
  margin-left: 0.8rem;
}

.field--widget-commerce-shipping-rate small {
  display: block !important;
}

.checkout-pane-checkout-pane-order-retailer {
  padding-top: 20px;
}

/* Ẩn nút tính toán lại ở checkout form */
input[data-drupal-selector="edit-shipping-information-recalculate-shipping"] {
  display: none !important;
}

/* Điều chỉnh background của table pane đại lý nhận đơn hàng */
table[data-drupal-selector="edit-sidebar-checkout-pane-order-retailer-table"] tr {
  background: transparent !important;
}

table[data-drupal-selector="edit-sidebar-checkout-pane-order-retailer-table"] tr:first-child td {
  font-weight: bold;
}

table[data-drupal-selector="edit-sidebar-checkout-pane-order-retailer-table"] {
  margin-top: 0 !important;
}

div[data-drupal-selector="edit-review-shipping-information-summary-shipping-profile"] {
  padding-bottom: 0 !important;
}

.field--name-shipping-method {
  display: flex;
  margin-bottom: 0;
}

.field--name-shipping-method .field__label {
  padding-right: 0 !important;
}

.field--name-shipping-method .field__item {
  font-weight: bold;
}

.field--name-shipping-method .field__label:after {
  content: ':';
  padding-right: 5px;
}

.field--name-shipping-method .field__label:before {
  content: '🚚';
  padding-right: 5px;
}

/* Ajax loading for checkout form */
#shipping-information-wrapper.is-loading {
  position: relative;
  opacity: 0.6;
  pointer-events: none;
}

.idfood-ajax-loading {
  position: absolute;
  top: 40%;
  left: 48%;
  z-index: 100;
}

.idfood-ajax-loading .throbber {
  width: 34px;
  height: 34px;
  border: 4px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: idfood-spin 0.8s linear infinite;
}

@keyframes idfood-spin {
  to {
    transform: rotate(360deg);
  }
}

.ajax-progress.ajax-progress-throbber {
  white-space: normal !important;
}

.block-field-blockcommerce-shipmentdefaultitems,
.block-field-blockcommerce-shipmentdefaulttitle,
.block-field-blockcommerce-shipmentdefaultpackage-type,
.block-field-blockcommerce-shipmentdefaultstate,
.block-field-blockcommerce-shipmentdefaultshipping-profile .field__label {
  display: none !important;
}

.block-field-blockcommerce-shipmentdefaultshipping-profile {
  margin-bottom: 1.2rem
}

.block-field-blockcommerce-shipmentdefaultshipping-profile .field__item {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
}

.block-field-blockcommerce-shipmentdefaultshipping-profile .field__item .profile {
  padding: 0 !important;
  margin-top: 0 !important;
  border: 1px solid #ccc !important;
}

.user-order-shipments .container {
  padding: 0 !important;
}

.user-order-shipments .field--name-address {
  padding: 0.85rem !important;
}

.block-field-blockcommerce-shipmentdefaultshipping-method .field--name-shipping-method {
  border: 1px solid #ccc !important;
  border-bottom: none !important;
  padding: 0.85rem 0.85rem 0;
}

.block-field-blockcommerce-shipmentdefaultshipping-method {
  margin-bottom: -1.2rem;
}

.block-field-blockcommerce-shipmentdefaultamount .field--name-amount {
  border: 1px solid #ccc !important;
  border-top: none !important;
  padding: 0.5rem 0.85rem 0.85rem;
  margin-bottom: 1.2rem
}

.block-field-blockcommerce-shipmentdefaultshipping-method .field__label,
.block-field-blockcommerce-shipmentdefaultamount .field--name-amount .field__label {
  white-space: nowrap;
}

.block-field-blockcommerce-shipmentdefaultamount .field--name-amount .field__label {
  display: none;
}

.block-field-blockcommerce-shipmentdefaultamount .field--name-amount .field__item:before {
  content: "Phí vận chuyển: ";
}

.block-field-blockcommerce-shipmentdefaultshipping-method .field__item,
.block-field-blockcommerce-shipmentdefaultamount .field--name-amount .field__item,
.retailer-detail .field__item {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  margin: 0 !important;
}

.block-field-blockcommerce-shipmentdefaultamount .field--name-amount {
  display: flex;
  gap: 1rem;
}

.retailer-detail p.address {
  display: flex;
  margin-bottom: 0 !important;
}

.retailer-detail p.address span {
  white-space: nowrap;
}

.retailer-detail p.address span:after {
  content: ", ";
  padding-right: 0.2rem;
}

.retailer-detail p.address span:last-child:after {
  content: "";
  padding-right: 0;
}

.retailer-detail p.address span.given-name {
  display: none;
}

.retailer-detail .field__label {
  display: none;
}

.retailer-detail h2.node__title {
  font-size: 1rem;
}

.retailer-detail h2.node__title a {
  pointer-events: none;
}

.retailer-detail h2.node__title a span.field--name-title:before {
  content: "🏪";
  padding-right: 0.5rem;
}

.retailer-detail .field--name-field-phone .field__item:before {
  content: "📞";
  padding-right: 0.5rem;
}

.retailer-detail .field--name-field-address .field__item p:before {
  content: "📍";
  padding-right: 0.5rem;
}

.retailer-detail .field__item {
  font-size: 0.9rem;
}

.retailer-detail {
  border: 1px solid #ccc !important;
  padding: 0.85rem;
  margin-bottom: 1rem;
}

.retailer-detail .inline__links {
  display: none;
}

/* Ẩn chọn tỉnh trên form checkout */
.form-item-shipping-information-shipping-profile-address-0-address-administrative-area {
  display: none !important;
}

/* Combo khuyến mại */

.view-combo-khuyen-mai {
  margin-top: 20px;
}

.view-combo-khuyen-mai .views-row {
  position: relative;
}

.view-combo-khuyen-mai .views-field-banner {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 2px 7px 3px #e7e7e7;
}

.view-combo-khuyen-mai .views-field-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.view-combo-khuyen-mai .views-field-id {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.view-combo-khuyen-mai .views-field-id .field-content {
  width: 100%;
  height: 100%;
  display: block;
}

.view-combo-khuyen-mai .views-field-id form {
  width: 100%;
  height: 100%;
}

.view-combo-khuyen-mai .views-field-id form button {
  background: transparent;
  width: 100%;
  height: 100%;
  text-indent: -99999px;
  border: none;
  border-radius: 0;
}

.view-combo-khuyen-mai .views-field-id form button:focus,
.view-combo-khuyen-mai .views-field-id form button:focus-visible,
.view-combo-khuyen-mai .views-field-id form button:active:focus-visible {
  box-shadow: none;
}

.view-combo-khuyen-mai .views-field-id form button:active {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

/*END*/

/*FIX AUTO SCROLL*/
.view-all-product-on-mobile > [data-drupal-views-infinite-scroll-pager],
.view-all-product-on-mobile > .pager {
  display: none !important;
}