/* Critical header CSS based on current Flatsome DOM */
:root{--ann-header-h:55px}
.header,.header-wrapper{z-index:30!important}
#masthead{background:#ff8400}
#masthead .header-inner{min-height:var(--ann-header-h)}
#masthead #logo{width:97px}
#masthead #logo img{max-height:55px;padding:6px 0}
#masthead .ann-ajax-search__input-wrap{background:#fff;border-radius:20px;min-height:38px;display:flex;align-items:center}
#masthead .ann-ajax-search__input{color:#000}
#masthead .ann-ajax-search__input::placeholder{color:#000}
#masthead .ann-ajax-search__icon--search{color:#9b8f8f}
a.header-cart-link.is-small{line-height:0}
a.header-cart-link.is-small span,#masthead a.header-cart-link i.icon-shopping-basket{color:#fff}

html.ann-page-loading body #masthead{
  position:relative;
  overflow:hidden;
  background:#ff8400!important;
}
html.ann-page-loading body #masthead .header-inner{
  min-height:var(--ann-header-h);
}
html.ann-page-loading body #masthead::after,
html.ann-page-loading body .ann-mobile-bottom-menu::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,0));
  animation:annHeaderSkeletonShimmer 1.2s linear infinite;
  z-index:3;
  pointer-events:none;
}
html.ann-page-loading body #masthead .header-inner > *{
  opacity:1;
}
html.ann-page-loading body #masthead .header-inner a,
html.ann-page-loading body #masthead .header-inner button,
html.ann-page-loading body #masthead .header-inner i,
html.ann-page-loading body #masthead .header-inner svg{
  color:#fff!important;
  fill:#fff!important;
}
html.ann-page-loading body #masthead #logo img{
  filter:brightness(0) invert(1);
}
html.ann-page-loading body #masthead .ann-ajax-search__input-wrap{
  background:#fff!important;
}
html.ann-page-loading body #masthead .ann-ajax-search__input,
html.ann-page-loading body #masthead .ann-ajax-search__input::placeholder{
  color:transparent!important;
}
html.ann-page-loading body .ann-mobile-bottom-menu{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  min-height:56px;
  background:#fff!important;
  border-top:0;
  box-shadow:none;
  overflow:hidden;
}
html.ann-page-loading body .ann-mobile-bottom-menu > *{
  opacity:0;
}

html.ann-archive-loading body .products .product-small.col:nth-child(-n+8) .col-inner,
html.ann-archive-loading body .products > .product.type-product:nth-child(-n+8) .col-inner,
html.ann-archive-loading body ul.products > li.product:nth-child(-n+8) .col-inner{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:#e7eaed;
  isolation:isolate;
  min-height:286px;
}
html.ann-archive-loading body .products .product-small.col:nth-child(-n+8) .col-inner::after,
html.ann-archive-loading body .products > .product.type-product:nth-child(-n+8) .col-inner::after,
html.ann-archive-loading body ul.products > li.product:nth-child(-n+8) .col-inner::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,0));
  animation:annHeaderSkeletonShimmer 1.2s linear infinite;
  z-index:3;
  pointer-events:none;
}
html.ann-archive-loading body .products .product-small.col:nth-child(-n+8) .col-inner > *,
html.ann-archive-loading body .products > .product.type-product:nth-child(-n+8) .col-inner > *,
html.ann-archive-loading body ul.products > li.product:nth-child(-n+8) .col-inner > *{
  opacity:0;
}
html.ann-archive-loading body .ann-cat-siblings-title{
  position:relative;
  overflow:hidden;
  border-radius:6px;
  background:#e7eaed;
  color:transparent!important;
  min-height:26px;
}
html.ann-archive-loading body .ann-cat-siblings-title::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,0));
  animation:annHeaderSkeletonShimmer 1.2s linear infinite;
  z-index:3;
  pointer-events:none;
}
html.ann-archive-loading body .ann-cat-sibling-item{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:#e7eaed;
  isolation:isolate;
  min-height:132px;
}
html.ann-archive-loading body .ann-cat-sibling-item::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,0));
  animation:annHeaderSkeletonShimmer 1.2s linear infinite;
  z-index:3;
  pointer-events:none;
}
html.ann-archive-loading body .ann-cat-sibling-item > *{
  opacity:0;
}

html.ann-product-loading body.single-product nav.woocommerce-breadcrumb a{
  position:relative;
  display:inline-block;
  overflow:hidden;
  border-radius:6px;
  background:#e7eaed;
  color:transparent!important;
  min-height:20px;
  min-width:68px;
}
html.ann-product-loading body.single-product nav.woocommerce-breadcrumb a::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,0));
  animation:annHeaderSkeletonShimmer 1.2s linear infinite;
  z-index:3;
  pointer-events:none;
}
html.ann-product-loading body.single-product nav.woocommerce-breadcrumb > span{
  color:transparent!important;
}

html.ann-product-loading body.single-product #product-sidebar,
html.ann-product-loading body.single-product .product-main .product-images,
html.ann-product-loading body.single-product .product-main .div-pro-img > .product-info,
html.ann-product-loading body.single-product .product-footer > .mota-sanpham,
html.ann-product-loading body.single-product .product-footer > .right-mota-sanpham,
html.ann-product-loading body.single-product .ann-fcat-wrap,
html.ann-product-loading body.single-product .ann-pcat-wrap{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:#e7eaed;
  isolation:isolate;
}
html.ann-product-loading body.single-product .product-main .product-images{min-height:420px;}
html.ann-product-loading body.single-product .product-main .div-pro-img > .product-info{min-height:460px;}
html.ann-product-loading body.single-product #product-sidebar{min-height:560px;}
html.ann-product-loading body.single-product .product-footer > .mota-sanpham{min-height:330px;}
html.ann-product-loading body.single-product .product-footer > .right-mota-sanpham{min-height:330px;}
html.ann-product-loading body.single-product .ann-fcat-wrap,
html.ann-product-loading body.single-product .ann-pcat-wrap{
  min-height:170px;
}
html.ann-product-loading body.single-product .product-main .product-thumbnails{
  margin-top:12px;
}
html.ann-product-loading body.single-product .product-main .product-thumbnails a{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:#e7eaed;
  isolation:isolate;
  min-height:88px;
}
html.ann-product-loading body.single-product .product-main .product-thumbnails a::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,0));
  animation:annHeaderSkeletonShimmer 1.2s linear infinite;
  z-index:3;
  pointer-events:none;
}
html.ann-product-loading body.single-product .product-main .product-thumbnails a > *{
  opacity:0;
}
html.ann-product-loading body.single-product #product-sidebar::after,
html.ann-product-loading body.single-product .product-main .product-images::after,
html.ann-product-loading body.single-product .product-main .div-pro-img > .product-info::after,
html.ann-product-loading body.single-product .product-footer > .mota-sanpham::after,
html.ann-product-loading body.single-product .product-footer > .right-mota-sanpham::after,
html.ann-product-loading body.single-product .ann-fcat-wrap::after,
html.ann-product-loading body.single-product .ann-pcat-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,0));
  animation:annHeaderSkeletonShimmer 1.2s linear infinite;
  z-index:3;
  pointer-events:none;
}
html.ann-product-loading body.single-product #product-sidebar > *,
html.ann-product-loading body.single-product .product-main .product-images > *,
html.ann-product-loading body.single-product .product-main .div-pro-img > .product-info > *,
html.ann-product-loading body.single-product .product-footer > .mota-sanpham > *,
html.ann-product-loading body.single-product .product-footer > .right-mota-sanpham > *,
html.ann-product-loading body.single-product .ann-fcat-wrap > *,
html.ann-product-loading body.single-product .ann-pcat-wrap > *{
  opacity:0;
}
@keyframes annHeaderSkeletonShimmer{
  100%{transform:translateX(100%);}
}

@media (max-width:849px){
  html.ann-archive-loading body .products .product-small.col:nth-child(-n+8) .col-inner,
  html.ann-archive-loading body .products > .product.type-product:nth-child(-n+8) .col-inner,
  html.ann-archive-loading body ul.products > li.product:nth-child(-n+8) .col-inner{min-height:238px;}
  html.ann-archive-loading body .ann-cat-siblings-title{min-height:22px;}
  html.ann-archive-loading body .ann-cat-sibling-item{min-height:112px;}
  html.ann-product-loading body.single-product nav.woocommerce-breadcrumb a{min-height:18px;min-width:56px;}
  html.ann-product-loading body.single-product #product-sidebar{min-height:220px;}
  html.ann-product-loading body.single-product .product-main .product-images{min-height:300px;}
  html.ann-product-loading body.single-product .product-main .product-thumbnails{margin-top:10px;}
  html.ann-product-loading body.single-product .product-main .product-thumbnails a{min-height:68px;}
  html.ann-product-loading body.single-product .product-main .div-pro-img > .product-info{min-height:280px;}
  html.ann-product-loading body.single-product .product-footer > .mota-sanpham,
  html.ann-product-loading body.single-product .product-footer > .right-mota-sanpham{min-height:220px;}
  html.ann-product-loading body.single-product .ann-fcat-wrap,
  html.ann-product-loading body.single-product .ann-pcat-wrap{min-height:140px;}
  :root{--ann-header-h:56px}
  #masthead .header-inner{min-height:var(--ann-header-h)}
  .medium-logo-center .flex-left{flex:0 0 0}
  #header .mobile-nav i.icon-menu:after{content:"MENU";font-size:13px;display:block;line-height:2px;font-family:monospace}
  #header .mobile-nav i.icon-menu{font-size:2.7em;text-align:center;margin-top:-10px}
}