/*
 Theme Name:     Hatuna Shop
 Theme URI:      https://hatunashop.vn
 Description:    Hatuna Theme
 Author:         Tu Nguyen
 Author URI:     https://anhtu0912.name.vn
 Template:       Divi
 Version:        3.19.3
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
/** Copyright © 2005-2019 Apple Inc. All Rights Reserved. **/
.as-l-container {
 margin-left:auto;
 margin-right:auto;
 width:980px
}
@media only screen and (min-width:1441px) {
 .as-l-container {
  margin-left:auto;
  margin-right:auto;
  width:980px
 }
}
@media only screen and (max-width:1023px) and (max-device-width:736px) {
 .as-l-container {
  margin-left:auto;
  margin-right:auto;
  width:87.5%
 }
}
.visuallyhidden {
 position:absolute !important;
 clip:rect(1px 1px 1px 1px);
 clip:rect(1px,1px,1px,1px);
 -webkit-clip-path:inset(0 0 99.9% 99.9%);
 clip-path:inset(0 0 99.9% 99.9%);
 overflow:hidden;
 height:1px;
 width:1px;
 padding:0;
 border:0
}
.nowrap {
 display:inline-block;
 text-decoration:inherit;
 white-space:nowrap
}
.clear {
 clear:both
}
.a11y {
 position:absolute;
 clip:rect(1px 1px 1px 1px);
 clip:rect(1px,1px,1px,1px);
 -webkit-clip-path:inset(0 0 99.9% 99.9%);
 clip-path:inset(0 0 99.9% 99.9%);
 overflow:hidden;
 height:1px;
 width:1px;
 padding:0;
 border:0
}
.large-4 {
 width:33.33333%
}
.large-12 {
 width:100%
}
@media only screen and (max-width:1023px) and (max-device-width:736px) {
 .small-4 {
  flex-basis:33.33333%;
  max-width:33.33333%
 }
 .small-6 {
  width:50%
 }
 .small-12 {
  width:100%
 }
}
/* Below not tested */
.as-producttile-tilelink {
 font-size:17px;
 line-height:1.47059;
 font-weight:400;
 letter-spacing:-.021em;
 font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
 color:#333;
 display:block;
 width:85%;
 margin-left: auto;
 margin-right: auto;
 height: 55px;
 cursor:pointer
}
@media only screen and (max-width:1023px) and (max-device-width:736px) {
 .as-producttile-tilelink {
  font-size:14px;
  line-height:1.35722 !important;
  font-weight:400;
  letter-spacing:-.01em;
  font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif
 }
 .as-producttile .woocommerce-loop-product__link .price {
  font-size:14px !important;
 }
}
.as-producttile-tilelink:hover,
.as-producttile-tilelink:focus,
.as-producttile-tilelink:active {
 color:#0070c9;
 text-decoration:none
}
.tax-product_cat .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-accessories-results .products .as-producttile .woocommerce-loop-product__link .et_shop_image img {
 max-width:90% !important;
 max-height:90% !important;
}
.post-type-archive-product .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-accessories-results .products .as-producttile .woocommerce-loop-product__link .et_shop_image img, .tax-product_tag .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-accessories-results .products .as-producttile .woocommerce-loop-product__link .et_shop_image img {
 max-width:90% !important;
 max-height:90% !important;
}
@media only screen and (max-width:1023px) and (max-device-width:736px) {
 .tax-product_cat .et-boc .container {
  width:100% !important;
 }
 .tax-product_cat .et-boc .container .clearfix .woocommerce-breadcrumb, .tax-product_cat .et-boc .container .clearfix .woocommerce-products-header  {
  padding-left:5px;
 }
 .tax-product_cat .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-searchnav-placeholder .woocommerce-result-count  {
  padding-left:5px;
 }
 .tax-product_cat .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-searchnav-placeholder .woocommerce-ordering  {
  padding-right:5px;
 }
 .post-type-archive-product .et-boc .container, .tax-product_tag .et-boc .container {
  width:100% !important;
 }
 .post-type-archive-product .et-boc .container .clearfix .woocommerce-breadcrumb, .post-type-archive-product .et-boc .container .clearfix .woocommerce-products-header, .tax-product_tag .et-boc .container .clearfix .woocommerce-breadcrumb, .tax-product_tag .et-boc .container .clearfix .woocommerce-products-header {
  padding-left:5px;
 }
 .post-type-archive-product .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-searchnav-placeholder .woocommerce-result-count, .tax-product_tag .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-searchnav-placeholder .woocommerce-result-count {
  padding-left:5px;
 }
 .post-type-archive-product .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-searchnav-placeholder .woocommerce-ordering, .tax-product_tag .et-boc .container .clearfix .as-search-wrapper .as-search-results .as-accessories-details .as-accessories .as-searchnav-placeholder .woocommerce-ordering {
  padding-right:5px;
 }
}
body {
 overflow-x:hidden;
 overflow-y:scroll
}
header {
 height:44px;
}
@media only screen and (max-width: 767px) {
 header {
  height:48px
 }
}
.tax-product_cat .et-boc .container .clearfix .as-search-wrapper .as-navtuck-wrapper .as-navtuck .pd-category-headers-slim .pd-l-gutter .pd-l-plate .pd-billboard-background img {
 border-radius:0px !important;
}
.post-type-archive-product .et-boc .container .clearfix .as-search-wrapper .as-navtuck-wrapper .as-navtuck .pd-category-headers-slim .pd-l-gutter .pd-l-plate .pd-billboard-background img, .tax-product_tag .et-boc .container .clearfix .as-search-wrapper .as-navtuck-wrapper .as-navtuck .pd-category-headers-slim .pd-l-gutter .pd-l-plate .pd-billboard-background img {
 border-radius:0px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
 z-index: 1 !important;
}
.as-search-results-tiles {
 width:100%;
 display:flex;
 flex-wrap:wrap
}
/* Global Header June 19th, 2023 */
#ac-gn-viewport-emitter {
 overflow:hidden;
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:0;
 visibility:hidden;
 z-index:-1;
 x-content:"large"
}
#ac-gn-viewport-emitter::before {
 content:"large"
}
@media only screen and (max-width: 1023px) {
 #ac-gn-viewport-emitter {
  x-content:"medium"
 }
 #ac-gn-viewport-emitter::before {
  content:"medium"
 }
}
@media only screen and (max-width: 767px) {
 #ac-gn-viewport-emitter {
  x-content:"small"
 }
 #ac-gn-viewport-emitter::before {
  content:"small"
 }
}
@media only screen and (max-width: 419px) {
 #ac-gn-viewport-emitter {
  x-content:"xsmall"
 }
 #ac-gn-viewport-emitter::before {
  content:"xsmall"
 }
}
html,
body {
 margin:0;
 padding:0
}
body {
 min-width:320px
}
#ac-globalnav {
 font-weight:normal;
 -webkit-text-size-adjust:100%;
 -moz-text-size-adjust:100%;
 -ms-text-size-adjust:100%;
 text-size-adjust:100%
}
#ac-globalnav,
#ac-globalnav:before,
#ac-globalnav:after,
#ac-globalnav *,
#ac-globalnav *:before,
#ac-globalnav *:after {
 -webkit-box-sizing:content-box;
 box-sizing:content-box;
 margin:0;
 padding:0;
 pointer-events:auto;
 letter-spacing:normal
}
#ac-globalnav *,
#ac-globalnav *:before,
#ac-globalnav *:after {
 font-size:1em;
 font-family:inherit;
 font-weight:inherit;
 line-height:inherit;
 text-align:inherit
}
#ac-globalnav article,
#ac-globalnav aside,
#ac-globalnav details,
#ac-globalnav figcaption,
#ac-globalnav figure,
#ac-globalnav footer,
#ac-globalnav header,
#ac-globalnav nav,
#ac-globalnav section {
 display:block
}
#ac-globalnav img {
 border:0;
 vertical-align:middle
}
#ac-globalnav ul {
 list-style:none
}
#ac-globalnav,
#ac-globalnav input,
#ac-globalnav textarea,
#ac-globalnav select,
#ac-globalnav button {
 font-synthesis:none;
 -moz-font-feature-settings:'kern';
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 direction:ltr;
 text-align:left
}
#ac-globalnav :focus,
#ac-globalnav * :focus {
 outline:none
}
#ac-globalnav :focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
#ac-globalnav :focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
#ac-globalnav * :focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
#ac-globalnav * :focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
 outline:none
}
#ac-globalnav {
 position:absolute;
 top:0;
 right:0;
 left:0;
 z-index:9999;
 display:block;
 margin:0;
 width:100%;
 min-width:1024px;
 height:48px;
 max-height:44px;
 background:rgba(0,0,0,1);
 font-size:17px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter: saturate(180%) blur(20px))) {
 #ac-globalnav {
  background:rgba(0,0,0,1);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px)
 }
}
.ac-theme-dark #ac-globalnav,
#ac-globalnav.ac-globalnav-dark {
 background:rgba(22,22,23,0.92)
}
@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter: saturate(180%) blur(20px))) {
 .ac-theme-dark #ac-globalnav,
 #ac-globalnav.ac-globalnav-dark {
  background:rgba(22,22,23,0.8);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px)
 }
}
@media only screen and (max-width: 1044px) {
 #ac-globalnav {
  min-width:320px
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav {
  overflow-y:hidden;
  max-height:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
 }
 #ac-gn-menustate:checked ~ #ac-globalnav,
 #ac-gn-menustate:target ~ #ac-globalnav {
  height:100%;
  background:#000;
  position: fixed !important;
  -webkit-transition:background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition:background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1)
 }
}
#ac-gn-menustate {
 display:none
}
#ac-globalnav .ac-gn-content {
 margin:0 auto;
 max-width:980px;
 padding:0 22px;
 position:relative;
 z-index:2;
 padding-left:calc(22px + constant(safe-area-inset-left));
 padding-right:calc(22px + constant(safe-area-inset-right))
}
@supports (padding: calc(max(0px))) {
 #ac-globalnav .ac-gn-content {
  padding-left:calc(max(22px, env(safe-area-inset-left)));
  padding-right:calc(max(22px, env(safe-area-inset-right)))
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-content {
  padding:0;
  position:absolute;
  top:0;
  width:100%;
  height:100%
 }
}
#ac-globalnav .ac-gn-header {
 display:none;
 position:absolute;
 z-index:5;
 top:0;
 left:0;
 width:100%;
 height:48px;
 overflow:hidden
}
#ac-globalnav .ac-gn-header .ac-gn-item,
#ac-globalnav .ac-gn-header .ac-gn-link {
 height:48px
}
#ac-globalnav .ac-gn-header .ac-gn-link {
 line-height:2.82353em
}
#ac-globalnav .ac-gn-header .ac-gn-hatuna {
 position:absolute;
 width:48px;
 top:0;
 left:50%;
 margin-left:-24px;
 text-align:center;
 z-index:1
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-header {
  display:block
 }
 #ac-globalnav .ac-gn-header .ac-gn-hatuna {
  display:block
 }
}
#ac-globalnav .ac-gn-header+.ac-gn-list {
 top:48px
}
#ac-globalnav .ac-gn-list {
 cursor:default;
 margin:0 -10px;
 width:auto;
 height:44px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-list {
  display:block;
  position:absolute;
  z-index:1;
  top:3.52941em;
  right:0;
  bottom:0;
  left:0;
  max-width:664px;
  margin:0 auto;
  padding:45px 40px 8px;
  height:auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  visibility:hidden;
  -webkit-transition:visibility 0s linear 1s;
  transition:visibility 0s linear 1s
 }
 #ac-globalnav.menu-opening .ac-gn-list,
 #ac-globalnav.menu-closing .ac-gn-list {
  overflow:hidden
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-list,
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-list {
  visibility:visible;
  -webkit-transition-delay:0s;
  transition-delay:0s
 }
}
#ac-globalnav .ac-gn-item {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 display:inline-block;
 position:relative;
 height:44px;
 z-index:1;
 vertical-align:top
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-item {
  width:100%;
  height:44px
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-item-menu {
  opacity:0;
  pointer-events:none
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(2) {
  -webkit-transform:translateY(-44px);
  transform:translateY(-44px);
  -webkit-transition:opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s,-webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
  transition:opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s,-webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
  transition:opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s,transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
  transition:opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s,transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s,-webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
  padding-top:1px
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(3) {
  -webkit-transform:translateY(-40px);
  transform:translateY(-40px);
  -webkit-transition:opacity .29829s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13286s,-webkit-transform .45256s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09686s;
  transition:opacity .29829s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13286s,-webkit-transform .45256s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09686s;
  transition:opacity .29829s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13286s,transform .45256s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09686s;
  transition:opacity .29829s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13286s,transform .45256s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09686s,-webkit-transform .45256s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09686s
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(3)::before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#424245
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(4) {
  -webkit-transform:translateY(-36px);
  transform:translateY(-36px);
  -webkit-transition:opacity .26913s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11571s,-webkit-transform .44087s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08571s;
  transition:opacity .26913s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11571s,-webkit-transform .44087s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08571s;
  transition:opacity .26913s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11571s,transform .44087s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08571s;
  transition:opacity .26913s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11571s,transform .44087s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08571s,-webkit-transform .44087s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08571s
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(4)::before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#424245
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(5) {
  -webkit-transform:translateY(-32px);
  transform:translateY(-32px);
  -webkit-transition:opacity .24702s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09857s,-webkit-transform .43181s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07457s;
  transition:opacity .24702s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09857s,-webkit-transform .43181s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07457s;
  transition:opacity .24702s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09857s,transform .43181s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07457s;
  transition:opacity .24702s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09857s,transform .43181s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07457s,-webkit-transform .43181s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07457s
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(5)::before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#424245
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(6) {
  -webkit-transform:translateY(-28px);
  transform:translateY(-28px);
  -webkit-transition:opacity .23194s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08143s,-webkit-transform .4254s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06343s;
  transition:opacity .23194s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08143s,-webkit-transform .4254s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06343s;
  transition:opacity .23194s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08143s,transform .4254s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06343s;
  transition:opacity .23194s cubic-bezier(0.52, 0.16, 0.52, 0.84) .08143s,transform .4254s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06343s,-webkit-transform .4254s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06343s
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(6)::before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#424245
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(7) {
  -webkit-transform:translateY(-24px);
  transform:translateY(-24px);
  -webkit-transition:opacity .22392s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06429s,-webkit-transform .42162s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05229s;
  transition:opacity .22392s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06429s,-webkit-transform .42162s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05229s;
  transition:opacity .22392s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06429s,transform .42162s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05229s;
  transition:opacity .22392s cubic-bezier(0.52, 0.16, 0.52, 0.84) .06429s,transform .42162s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05229s,-webkit-transform .42162s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05229s
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(7)::before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#424245
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(8) {
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px);
  -webkit-transition:opacity .22294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04714s,-webkit-transform .42049s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04114s;
  transition:opacity .22294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04714s,-webkit-transform .42049s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04114s;
  transition:opacity .22294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04714s,transform .42049s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04114s;
  transition:opacity .22294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04714s,transform .42049s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04114s,-webkit-transform .42049s cubic-bezier(0.52, 0.16, 0.52, 0.84) .04114s
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(8)::before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#424245
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(9) {
  -webkit-transform:translateY(-16px);
  transform:translateY(-16px);
  -webkit-transition:opacity .229s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,-webkit-transform .422s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
  transition:opacity .229s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,-webkit-transform .422s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
  transition:opacity .229s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,transform .422s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
  transition:opacity .229s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,transform .422s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,-webkit-transform .422s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s
 }
 #ac-globalnav .ac-gn-item-menu:nth-child(9)::before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#424245
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu,
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu {
  opacity:1;
  pointer-events:auto;
  -webkit-transform:none;
  transform:none
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(2),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
  -webkit-transition:opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s,-webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
  transition:opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s,-webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
  transition:opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s,transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
  transition:opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s,transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s,-webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(3),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(3) {
  -webkit-transition:opacity .3206s cubic-bezier(0.32, 0.08, 0.24, 1) .04714s,-webkit-transform .35616s cubic-bezier(0.32, 0.08, 0.24, 1) .03714s;
  transition:opacity .3206s cubic-bezier(0.32, 0.08, 0.24, 1) .04714s,-webkit-transform .35616s cubic-bezier(0.32, 0.08, 0.24, 1) .03714s;
  transition:opacity .3206s cubic-bezier(0.32, 0.08, 0.24, 1) .04714s,transform .35616s cubic-bezier(0.32, 0.08, 0.24, 1) .03714s;
  transition:opacity .3206s cubic-bezier(0.32, 0.08, 0.24, 1) .04714s,transform .35616s cubic-bezier(0.32, 0.08, 0.24, 1) .03714s,-webkit-transform .35616s cubic-bezier(0.32, 0.08, 0.24, 1) .03714s
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(4),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(4) {
  -webkit-transition:opacity .33129s cubic-bezier(0.32, 0.08, 0.24, 1) .06429s,-webkit-transform .37004s cubic-bezier(0.32, 0.08, 0.24, 1) .05429s;
  transition:opacity .33129s cubic-bezier(0.32, 0.08, 0.24, 1) .06429s,-webkit-transform .37004s cubic-bezier(0.32, 0.08, 0.24, 1) .05429s;
  transition:opacity .33129s cubic-bezier(0.32, 0.08, 0.24, 1) .06429s,transform .37004s cubic-bezier(0.32, 0.08, 0.24, 1) .05429s;
  transition:opacity .33129s cubic-bezier(0.32, 0.08, 0.24, 1) .06429s,transform .37004s cubic-bezier(0.32, 0.08, 0.24, 1) .05429s,-webkit-transform .37004s cubic-bezier(0.32, 0.08, 0.24, 1) .05429s
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(5),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(5) {
  -webkit-transition:opacity .34115s cubic-bezier(0.32, 0.08, 0.24, 1) .08143s,-webkit-transform .38716s cubic-bezier(0.32, 0.08, 0.24, 1) .07143s;
  transition:opacity .34115s cubic-bezier(0.32, 0.08, 0.24, 1) .08143s,-webkit-transform .38716s cubic-bezier(0.32, 0.08, 0.24, 1) .07143s;
  transition:opacity .34115s cubic-bezier(0.32, 0.08, 0.24, 1) .08143s,transform .38716s cubic-bezier(0.32, 0.08, 0.24, 1) .07143s;
  transition:opacity .34115s cubic-bezier(0.32, 0.08, 0.24, 1) .08143s,transform .38716s cubic-bezier(0.32, 0.08, 0.24, 1) .07143s,-webkit-transform .38716s cubic-bezier(0.32, 0.08, 0.24, 1) .07143s
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(6),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(6) {
  -webkit-transition:opacity .35019s cubic-bezier(0.32, 0.08, 0.24, 1) .09857s,-webkit-transform .4075s cubic-bezier(0.32, 0.08, 0.24, 1) .08857s;
  transition:opacity .35019s cubic-bezier(0.32, 0.08, 0.24, 1) .09857s,-webkit-transform .4075s cubic-bezier(0.32, 0.08, 0.24, 1) .08857s;
  transition:opacity .35019s cubic-bezier(0.32, 0.08, 0.24, 1) .09857s,transform .4075s cubic-bezier(0.32, 0.08, 0.24, 1) .08857s;
  transition:opacity .35019s cubic-bezier(0.32, 0.08, 0.24, 1) .09857s,transform .4075s cubic-bezier(0.32, 0.08, 0.24, 1) .08857s,-webkit-transform .4075s cubic-bezier(0.32, 0.08, 0.24, 1) .08857s
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(7),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(7) {
  -webkit-transition:opacity .35842s cubic-bezier(0.32, 0.08, 0.24, 1) .11571s,-webkit-transform .43107s cubic-bezier(0.32, 0.08, 0.24, 1) .10571s;
  transition:opacity .35842s cubic-bezier(0.32, 0.08, 0.24, 1) .11571s,-webkit-transform .43107s cubic-bezier(0.32, 0.08, 0.24, 1) .10571s;
  transition:opacity .35842s cubic-bezier(0.32, 0.08, 0.24, 1) .11571s,transform .43107s cubic-bezier(0.32, 0.08, 0.24, 1) .10571s;
  transition:opacity .35842s cubic-bezier(0.32, 0.08, 0.24, 1) .11571s,transform .43107s cubic-bezier(0.32, 0.08, 0.24, 1) .10571s,-webkit-transform .43107s cubic-bezier(0.32, 0.08, 0.24, 1) .10571s
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(8),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(8) {
  -webkit-transition:opacity .36582s cubic-bezier(0.32, 0.08, 0.24, 1) .13286s,-webkit-transform .45787s cubic-bezier(0.32, 0.08, 0.24, 1) .12286s;
  transition:opacity .36582s cubic-bezier(0.32, 0.08, 0.24, 1) .13286s,-webkit-transform .45787s cubic-bezier(0.32, 0.08, 0.24, 1) .12286s;
  transition:opacity .36582s cubic-bezier(0.32, 0.08, 0.24, 1) .13286s,transform .45787s cubic-bezier(0.32, 0.08, 0.24, 1) .12286s;
  transition:opacity .36582s cubic-bezier(0.32, 0.08, 0.24, 1) .13286s,transform .45787s cubic-bezier(0.32, 0.08, 0.24, 1) .12286s,-webkit-transform .45787s cubic-bezier(0.32, 0.08, 0.24, 1) .12286s
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(9),
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(9) {
  -webkit-transition:opacity .3724s cubic-bezier(0.32, 0.08, 0.24, 1) .15s,-webkit-transform .4879s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
  transition:opacity .3724s cubic-bezier(0.32, 0.08, 0.24, 1) .15s,-webkit-transform .4879s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
  transition:opacity .3724s cubic-bezier(0.32, 0.08, 0.24, 1) .15s,transform .4879s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
  transition:opacity .3724s cubic-bezier(0.32, 0.08, 0.24, 1) .15s,transform .4879s cubic-bezier(0.32, 0.08, 0.24, 1) .14s,-webkit-transform .4879s cubic-bezier(0.32, 0.08, 0.24, 1) .14s
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-hatuna {
  display:none
 }
}
#ac-globalnav .ac-gn-link {
 font-size:14px;
 line-height:3.14286;
 font-weight:400;
 letter-spacing:-.01em;
 font-family:"SF Pro Text Regular","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
 color:#f5f5f7;
 position:relative;
 z-index:1;
 display:inline-block;
 padding:0 10px;
 height:44px;
 opacity:.8;
 background:no-repeat;
 text-decoration:none;
 white-space:nowrap;
 -webkit-transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 -webkit-tap-highlight-color:transparent;
 outline-offset:-7px
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link {
  font-size:17px;
  line-height:1.23536;
  font-weight:400;
  letter-spacing:-.022em;
  font-family:"SF Pro Text Regular","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif
 }
}
#ac-globalnav .ac-gn-link:hover {
 opacity:1
}
#ac-globalnav .ac-gn-link:focus {
 opacity:1;
 -webkit-transition:none;
 transition:none
}
#ac-globalnav .ac-gn-link-text {
 position:absolute;
 clip:rect(1px, 1px, 1px, 1px);
 -webkit-clip-path:inset(0px 0px 99.9% 99.9%);
 clip-path:inset(0px 0px 99.9% 99.9%);
 overflow:hidden;
 height:1px;
 width:1px;
 padding:0;
 border:0;
 top:50%
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-item-menu .ac-gn-link {
  background-position:left center;
  display:block;
  outline-offset:0;
  padding:0;
  width:auto;
  max-width:none
 }
}
#ac-globalnav .ac-gn-link-hatuna {
 background-size:16px 44px;
 background-repeat:no-repeat;
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3a_logo_hatuna_image_large.svg");
 background-position:center center;
 width:16px
}
#ac-globalnav.no-svg .ac-gn-link-hatuna {
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3a_logo_hatuna_image_large-01.png")
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-hatuna {
  background-size:18px 48px;
  background-repeat:no-repeat;
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3a_logo_hatuna_image_small.svg")
 }
 #ac-globalnav.no-svg .ac-gn-link-hatuna {
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3a_logo_hatuna_image_small-01.png")
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-hatuna {
  width:18px
 }
}
.ac-gn-current-apple #ac-globalnav .ac-gn-link-hatuna {
 opacity:.56
}
#ac-globalnav .ac-gn-link-blog {
 background-size:37px 44px;
 background-repeat:no-repeat;
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3_blog_image_large.svg");
 background-position:center center;
 background-origin:content-box;
 background-size:cover;
 width:2.64286em;
 max-width:62.9px
}
#ac-globalnav.no-svg .ac-gn-link-blog {
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3_blog_image_large-01.png")
}
#ac-globalnav .ac-gn-link-shop {
 background-size:37px 44px;
 background-repeat:no-repeat;
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3_shop_image_large.svg");
 background-position:center center;
 background-origin:content-box;
 background-size:cover;
 width:2.64286em;
 max-width:62.9px
}
#ac-globalnav.no-svg .ac-gn-link-shop {
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3_shop_image_large-01.png")
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-blog {
  background-size:46px 43px;
  background-repeat:no-repeat;
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_blog_image_small.svg")
 }
 #ac-globalnav.no-svg .ac-gn-link-blog {
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_blog_image_small-01.png")
 }
 #ac-globalnav .ac-gn-link-shop {
  background-size:46px 43px;
  background-repeat:no-repeat;
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_shop_image_small.svg")
 }
 #ac-globalnav.no-svg .ac-gn-link-shop {
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_shop_image_small-01.png")
 }
}
.ac-gn-current-music #ac-globalnav .ac-gn-link-blog {
 opacity:.56
}
.ac-gn-current-music #ac-globalnav .ac-gn-link-shop {
 opacity:.56
}
#ac-globalnav .ac-gn-link-dang-ky {
 background-size:52px 44px;
 background-repeat:no-repeat;
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3_dang_ky_image_large.svg");
 background-position:center center;
 background-origin:content-box;
 background-size:cover;
 width:3.71429em;
 max-width:88.4px
}
#ac-globalnav.no-svg .ac-gn-link-dang-ky {
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3_dang_ky_image_large-01.png")
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-dang-ky {
  background-size:62px 43px;
  background-repeat:no-repeat;
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3e_dang_ky_image_small.svg")
 }
 #ac-globalnav.no-svg .ac-gn-link-dang-ky {
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3e_dang_ky_image_small-01.png")
 }
}
.ac-gn-current-support #ac-globalnav .ac-gn-link-dang-ky {
 opacity:.56
}
#ac-globalnav .ac-gn-link-trang-chu {
 background-size:87px 44px;
 background-repeat:no-repeat;
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3_trang_chu_image_large.svg");
 background-position:center center;
 background-origin:content-box;
 background-size:cover;
 width:6.21429em;
 max-width:147.9px
}
#ac-globalnav.no-svg .ac-gn-link-trang-chu {
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3_trang_chu_image_large-01.png")
}
#ac-globalnav .ac-gn-link-dang-nhap {
 background-size:87px 44px;
 background-repeat:no-repeat;
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/03/3_dang_nhap_image_large.svg");
 background-position:center center;
 background-origin:content-box;
 background-size:cover;
 width:6.21429em;
 max-width:147.9px
}
#ac-globalnav.no-svg .ac-gn-link-dang-nhap {
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3_dang_nhap_image_large-01.png")
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-trang-chu {
  background-size:106px 42px;
  background-repeat:no-repeat;
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_trang_chu_image_small.svg")
 }
 #ac-globalnav.no-svg .ac-gn-link-trang-chu {
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_trang_chu_image_small-01.png")
 }
 #ac-globalnav .ac-gn-link-dang-nhap {
  background-size:106px 42px;
  background-repeat:no-repeat;
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_dang_nhap_image_small.svg")
 }
 #ac-globalnav.no-svg .ac-gn-link-dang-nhap {
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/3de_dang_nhap_image_small-01.png")
 }
}
.ac-gn-current-buy #ac-globalnav .ac-gn-link-trang-chu {
 opacity:.56
}
.ac-gn-current-buy #ac-globalnav .ac-gn-link-dang-nhap {
 opacity:.56
}
#ac-globalnav .ac-gn-link.current {
 opacity:.56
}
#ac-globalnav .ac-gn-menuicon {
 left:0;
 position:absolute;
 z-index:2;
 top:0;
 width:48px;
 border-bottom:none
}
#ac-globalnav .ac-gn-menuicon-label {
 display:block;
 position:absolute;
 opacity:.8;
 z-index:3;
 top:0;
 width:48px;
 height:48px;
 cursor:pointer;
 -webkit-transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 -webkit-tap-highlight-color:transparent
}
#ac-globalnav .ac-gn-menuicon-label:hover,
#ac-globalnav .ac-gn-menuicon-label:focus,
#ac-globalnav .ac-gn-menuicon-label:active {
 opacity:1
}
#ac-globalnav.touch .ac-gn-menuicon-label {
 opacity:1;
 -webkit-transition:none;
 transition:none
}
#ac-globalnav .ac-gn-menuicon-bread {
 position:absolute;
 z-index:3;
 top:9px;
 left:9px;
 width:30px;
 height:30px;
 -webkit-transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)
}
#ac-globalnav .ac-gn-menuicon-bread-top {
 -webkit-transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 -webkit-transform:none;
 transform:none;
 z-index:4
}
#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-top,
#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-top {
 -webkit-transition:-webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 transition:-webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 transition:transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 transition:transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
#ac-globalnav .ac-gn-menuicon-bread-bottom {
 -webkit-transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 -webkit-transform:none;
 transform:none
}
#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-bottom,
#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-bottom {
 -webkit-transition:-webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 transition:-webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 transition:transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 transition:transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
#ac-globalnav .ac-gn-menuicon-bread-crust {
 display:block;
 width:17px;
 height:1px;
 background:#fff;
 border-radius:0.5px;
 position:absolute;
 left:7px;
 z-index:1
}
#ac-globalnav .ac-gn-menuicon-bread-crust-top {
 top:14px;
 -webkit-transform:translateY(-3px);
 transform:translateY(-3px);
 -webkit-transition:-webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
 transition:-webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
 transition:transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
 transition:transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s
}
#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top,
#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top {
 -webkit-transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 -webkit-transform:none;
 transform:none
}
#ac-globalnav .ac-gn-menuicon-bread-crust-bottom {
 bottom:14px;
 -webkit-transform:translateY(3px);
 transform:translateY(3px);
 -webkit-transition:-webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
 transition:-webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
 transition:transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
 transition:transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s
}
#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom,
#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom {
 -webkit-transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:-webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 transition:transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
 -webkit-transform:none;
 transform:none
}
#ac-globalnav .ac-gn-menuanchor {
 left:0;
 color:#fff;
 position:absolute;
 top:0;
 width:1px;
 height:1px;
 z-index:10
}
#ac-globalnav .ac-gn-menuanchor:focus {
 outline-offset:-8px;
 width:48px;
 height:48px
}
#ac-globalnav .ac-gn-menuanchor-close {
 display:none
}
#ac-globalnav .ac-gn-menuanchor-label {
 position:absolute;
 clip:rect(1px, 1px, 1px, 1px);
 -webkit-clip-path:inset(0px 0px 99.9% 99.9%);
 clip-path:inset(0px 0px 99.9% 99.9%);
 overflow:hidden;
 height:1px;
 width:1px;
 padding:0;
 border:0
}
#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-open,
#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-open {
 display:none
}
#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-close,
#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-close {
 display:block
}
@-webkit-keyframes loader {
 from {
  -webkit-transform:rotate(0deg) translateZ(0);
  transform:rotate(0deg) translateZ(0)
 }
 to {
  -webkit-transform:rotate(360deg) translateZ(0);
  transform:rotate(360deg) translateZ(0)
 }
}
@keyframes loader {
 from {
  -webkit-transform:rotate(0deg) translateZ(0);
  transform:rotate(0deg) translateZ(0)
 }
 to {
  -webkit-transform:rotate(360deg) translateZ(0);
  transform:rotate(360deg) translateZ(0)
 }
}
@-webkit-keyframes ac-gn-close-slide {
 0% {
  -webkit-transform:translate3d(10px, 0, 0);
  transform:translate3d(10px, 0, 0);
  -webkit-animation-timing-function:cubic-bezier(0.12, 0.87, 0.15, 1);
  animation-timing-function:cubic-bezier(0.12, 0.87, 0.15, 1)
 }
 100% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes ac-gn-close-slide {
 0% {
  -webkit-transform:translate3d(10px, 0, 0);
  transform:translate3d(10px, 0, 0);
  -webkit-animation-timing-function:cubic-bezier(0.12, 0.87, 0.15, 1);
  animation-timing-function:cubic-bezier(0.12, 0.87, 0.15, 1)
 }
 100% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
#ac-globalnav input,
#ac-globalnav button {
 border:none;
 background-color:transparent
}
html {
 --r-globalnav-height:44px;
 --r-globalnav-segmentbar-height:0;
 --r-globalnav-viewport-large-min-width:1024px;
 --r-globalnav-viewport-large-max-width:1441px;
 --r-globalnav-viewport-large-query:(min-width: 1024px);
 --r-globalnav-viewport-medium-min-width:768px;
 --r-globalnav-viewport-medium-max-width:1023px;
 --r-globalnav-viewport-medium-query:(max-width: 1023px);
 --r-globalnav-viewport-small-min-width:420px;
 --r-globalnav-viewport-small-max-width:767px;
 --r-globalnav-viewport-small-query:(max-width: 767px);
 --r-globalnav-viewport-xsmall-min-width:320px;
 --r-globalnav-viewport-xsmall-max-width:419px;
 --r-globalnav-viewport-xsmall-query:(max-width: 419px)
}
@media only screen and (max-width: 767px) {
 html {
  --r-globalnav-height:48px
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-header .ac-gn-bag-small {
  float:right;
  display:block;
  position:relative;
  visibility:visible;
  -webkit-transition:opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition:opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition:transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition:transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96)
 }
 #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-header .ac-gn-bag-small,
 #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-header .ac-gn-bag-small {
  -webkit-transform:translateY(8px);
  transform:translateY(8px);
  opacity:0;
  visibility:hidden;
  -webkit-transition:opacity 0.3s cubic-bezier(0.32, 0.08, 0.24, 1),visibility 0s linear .64s,-webkit-transform 0.36s cubic-bezier(0.54, 0.12, 0.88, 0.64);
  transition:opacity 0.3s cubic-bezier(0.32, 0.08, 0.24, 1),visibility 0s linear .64s,-webkit-transform 0.36s cubic-bezier(0.54, 0.12, 0.88, 0.64);
  transition:transform 0.36s cubic-bezier(0.54, 0.12, 0.88, 0.64),opacity 0.3s cubic-bezier(0.32, 0.08, 0.24, 1),visibility 0s linear .64s;
  transition:transform 0.36s cubic-bezier(0.54, 0.12, 0.88, 0.64),opacity 0.3s cubic-bezier(0.32, 0.08, 0.24, 1),visibility 0s linear .64s,-webkit-transform 0.36s cubic-bezier(0.54, 0.12, 0.88, 0.64)
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-bag {
  right:0;
  display:none;
  position:absolute;
  top:0;
  width:auto;
  z-index:1
 }
}
#ac-globalnav .ac-gn-bag-wrapper {
 cursor:pointer;
 height:100%;
 opacity:.8;
 -webkit-transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 -webkit-tap-highlight-color:transparent
}
#ac-globalnav .ac-gn-bag-wrapper:hover {
 opacity:1
}
#ac-globalnav .ac-gn-bag-wrapper:focus-within {
 opacity:1;
 -webkit-transition:none;
 transition:none
}
#ac-globalnav .ac-gn-link-bag {
 opacity:1
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-bag {
  padding:0 16px
 }
}
#ac-globalnav .ac-gn-link-bag {
 background-size:17px 44px;
 background-repeat:no-repeat;
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/bag_image_large.svg");
 background-position:center center;
 width:17px
}
#ac-globalnav.no-svg .ac-gn-link-bag {
 background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/bag_image_large.png")
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-bag {
  background-size:17px 48px;
  background-repeat:no-repeat;
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/bag_image_small.svg")
 }
 #ac-globalnav.no-svg .ac-gn-link-bag {
  background-image:url("https://hatunashop.vn/wp-content/uploads/2020/04/bag_image_small.png")
 }
}
@media only screen and (max-width: 767px) {
 #ac-globalnav .ac-gn-link-bag {
  width:17px
 }
}
.ac-gn-current-bag #ac-globalnav .ac-gn-link-bag {
 opacity:.56
}
#ac-globalnav .ac-gn-bag {
 z-index:2
}
#ac-globalnav .globalnav-bag-badge {
 transition:none;
 transform:none;
 right:5px;
 top:auto;
 bottom:10px;
 display:inline-block;
 position:absolute;
 z-index:1;
 width:1.3em;
 height:1.3em;
 box-sizing:border-box;
 float:none;
 color:var(--globalnav-badge-text-color);
 font-size:10px;
 letter-spacing:-.008em;
 line-height:1.3;
 text-align:center;
 pointer-events:none;
 --globalnav-badge-background: rgb(255, 255, 255);
 --globalnav-badge-text-color: rgb(0, 0, 0)
}
#ac-globalnav .ac-gn-bag-small .globalnav-bag-badge {
 right:11px;
 bottom:11px;
}
#ac-globalnav .globalnav-bag-badge:before,
#ac-globalnav .globalnav-bag-badge:after {
 content:"";
 position:absolute;
 top:0;
 right:0;
 display:block;
 width:1.3em;
 height:100%;
 transition:none;
 background:var(--globalnav-badge-background);
 border-radius:1.3em
}
#ac-globalnav .globalnav-bag-badge .globalnav-bag-badge-number {
 transition:none;
 display:block;
 position:relative;
 left:.25px;
 top:-.5px;
 z-index:2;
 font-family:SF Pro Text Regular,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
 letter-spacing:inherit
}
#ac-globalnav .ac-gn-bag-small .globalnav-bag-badge .globalnav-bag-badge-number {
 left:-.25px;
}
#ac-globalnav .globalnav-bag-badge.with-bag-count-double {
 width:1.8em;
 transform:translate(.3em)
}
#ac-globalnav .globalnav-bag-badge.with-bag-count-double:before,
#ac-globalnav .globalnav-bag-badge.with-bag-count-double:after {
 width:1.8em;
 transform:translate(-.05em)
}
#ac-globalnav .globalnav-bag-badge.with-bag-count-triple {
 width:2.4em;
 transform:translate(1em)
}
#ac-globalnav .globalnav-bag-badge.with-bag-count-triple:before,
#ac-globalnav .globalnav-bag-badge.with-bag-count-triple:after {
 width:2.4em;
 transform:translate(-.1em)
}
/* End - Global Header July 12th, 2023 - Not Customized */