@charset "UTF-8";
@font-face {
  font-family: "abchanel-corpo-vietnam";
  src: url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-extralight.woff2") format("woff2"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-extralight.woff") format("woff"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-extralight.ttf") format("ttf");
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: "abchanel-corpo-vietnam";
  src: url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-light.woff2") format("woff2"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-light.woff") format("woff"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-light.ttf") format("ttf");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "abchanel-corpo-vietnam";
  src: url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-regular.woff2") format("woff2"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-regular.woff") format("woff"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-regular.ttf") format("ttf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "abchanel-corpo-vietnam";
  src: url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-semibold.woff2") format("woff2"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-semibold.woff") format("woff"), url("https://file.hstatic.net/1000173676/file/abchanelcorpovietnam-semibold.ttf") format("ttf");
  font-style: normal;
  font-weight: 600; }

body,
html {
  /* font-family: "abchanel-corpo-vietnam"
  , sans-serif !important;*/
  font-family: "Montserrat", sans-serif; }

.section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap {
  position: relative; }
  .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-image img {
    width: 100%; }
  .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content {
    position: absolute;
    bottom: 5vw;
    left: 15px;
    right: 15px;
    text-align: center;
    color: #FFF; }
    .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap {
      max-width: 700px;
      width: 100%;
      margin: 0 auto; }
      .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-subtitle {
        letter-spacing: 1px;
        font-size: 20px;
        line-height: 1.125;
        margin-bottom: 10px;
        color: #FFF;
        font-weight: bold; }
        @media (max-width: 768px) {
          .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-subtitle {
            font-size: 16px; } }
      .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-title {
        font-size: 32px;
        line-height: 1.125;
        color: #FFF;
        font-weight: bold;
        margin-bottom: 20px; }
        @media (max-width: 768px) {
          .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-title {
            font-size: 22 chapx; } }
      .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-button {
        padding: 10px 25px;
        background: #FFF;
        color: #1d1d1d;
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
        transition: all 0.5s; }
        .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-button:hover {
          background: #f1f1f1; }

body,
html {
  overflow: inherit;
  overflow-x: hidden; }

#PageContainer {
  overflow: inherit; }

.fixCollection {
  display: grid;
  grid-template-columns: 30px 1fr 30px; }
  .fixCollection > * {
    min-width: 0; }
  @media (max-width: 1200px) {
    .fixCollection {
      grid-template-columns: 1fr; } }
  @media (max-width: 1200px) {
    .fixCollection .fixCollection-logo-left,
    .fixCollection .fixCollection-logo-right {
      display: none; } }
  .fixCollection .fixCollection-logo-left .fixCollection-logo-wrap,
  .fixCollection .fixCollection-logo-right .fixCollection-logo-wrap {
    margin: 0 auto;
    position: sticky;
    top: 50%;
    height: 30px; }
  .fixCollection .page-section {
    padding: 0 !important; }
    .fixCollection .page-section .collection-grid {
      padding: 0 !important; }
      .fixCollection .page-section .collection-grid .product-lists {
        margin-left: 0 !important; }
        .fixCollection .page-section .collection-grid .product-lists .product {
          padding: 0;
          position: relative; }
          .fixCollection .page-section .collection-grid .product-lists .product .fixCollection-product-first {
            background: rgba(255, 255, 255, 0.25);
            position: absolute;
            inset: 0;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media (max-width: 1200px) {
              .fixCollection .page-section .collection-grid .product-lists .product .fixCollection-product-first {
                display: none; } }
          .fixCollection .page-section .collection-grid .product-lists .product .product-thumbnail {
            padding-top: 0;
            aspect-ratio: 1; }
            .fixCollection .page-section .collection-grid .product-lists .product .product-thumbnail img {
              aspect-ratio: 1;
              width: 100%;
              height: 100%;
              object-fit: cover; }
      .fixCollection .page-section .collection-grid .fixCollection-product-content {
        aspect-ratio: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        /*@media(max-width: 1200px){ display: none; }*/ }
  .fixCollection .loadmore {
    max-width: 100%;
    margin: 0 auto; }
  .fixCollection .sidebar {
    width: 100%;
    float: none;
    display: grid;
    grid-template-columns: 33% 1fr;
    padding: 0 15px !important; }
    @media (max-width: 1200px) {
      .fixCollection .sidebar {
        grid-template-columns: 1fr; } }
    .fixCollection .sidebar > * {
      min-width: 0; }
    .fixCollection .sidebar .widget-container {
      border-bottom: none; }
    .fixCollection .sidebar .collection-sidebar {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; }
      @media (max-width: 1200px) {
        .fixCollection .sidebar .collection-sidebar {
          grid-template-columns: 1fr; } }
      .fixCollection .sidebar .collection-sidebar > * {
        min-width: 0; }

.product {
  margin-bottom: 0 !important; }
  .product .product-content {
    margin-bottom: 0 !important; }
    .product .product-content .product-over-tool,
    .product .product-content .product-label,
    .product .product-content .product-over-add {
      display: none; }
  .product .product-attribute {
    display: none; }

@media (min-width: 1200px) {
  .fixHeader .navbar-container {
    z-index: 1; }
    .fixHeader .navbar-container.is-sticky .navbar-container-inner {
      padding-top: 0; }
      .fixHeader .navbar-container.is-sticky .navbar-container-inner .branding {
        left: 0 !important;
        top: 5px !important; }
        .fixHeader .navbar-container.is-sticky .navbar-container-inner .branding .logo a img {
          max-height: 50px; }
      .fixHeader .navbar-container.is-sticky .navbar-container-inner #nav .site-nav {
        max-width: calc(100% - 116px); }
        .fixHeader .navbar-container.is-sticky .navbar-container-inner #nav .site-nav > li {
          margin: 0; }
          .fixHeader .navbar-container.is-sticky .navbar-container-inner #nav .site-nav > li > a {
            padding: 0 .5rem; }
    .fixHeader .navbar-container .navbar-container-inner {
      padding-top: 100px;
      transition: none !important; }
      .fixHeader .navbar-container .navbar-container-inner .mobile-tool-left {
        display: none; }
      .fixHeader .navbar-container .navbar-container-inner .branding {
        top: 10px !important;
        left: 50% !important;
        transform: translateX(-50%); }
        .fixHeader .navbar-container .navbar-container-inner .branding .logo {
          line-height: 1; }
          .fixHeader .navbar-container .navbar-container-inner .branding .logo a img {
            max-height: 100px;
            height: auto; }
      .fixHeader .navbar-container .navbar-container-inner #nav {
        float: left !important;
        width: 100%; } }

@media (max-width: 1200px) {
  .fixHeader .navbar-container {
    padding: 0 15px !important;
    position: relative !important; }
    .fixHeader .navbar-container .navbar-container-inner {
      display: grid;
      align-items: center;
      grid-template-columns: 15% 1fr 15%; }
      .fixHeader .navbar-container .navbar-container-inner:before, .fixHeader .navbar-container .navbar-container-inner:after {
        display: none; }
      .fixHeader .navbar-container .navbar-container-inner > * {
        min-width: 0; }
      .fixHeader .navbar-container .navbar-container-inner > * {
        position: relative !important;
        top: inherit !important;
        left: inherit !important; }
      .fixHeader .navbar-container .navbar-container-inner .mobile-tool-left {
        text-align: left;
        display: block !important; }
        .fixHeader .navbar-container .navbar-container-inner .mobile-tool-left .mobile-tool {
          display: block !important;
          position: relative;
          top: inherit;
          left: inherit;
          transform: none; }
          .fixHeader .navbar-container .navbar-container-inner .mobile-tool-left .mobile-tool a {
            float: none !important; }
      .fixHeader .navbar-container .navbar-container-inner .branding {
        text-align: center !important; }
        .fixHeader .navbar-container .navbar-container-inner .branding .logo {
          line-height: 1;
          margin-left: inherit !important; }
          .fixHeader .navbar-container .navbar-container-inner .branding .logo a {
            text-align: center !important; }
            .fixHeader .navbar-container .navbar-container-inner .branding .logo a img {
              margin: 0 auto !important;
              height: auto;
              max-height: 40px; }
      .fixHeader .navbar-container .navbar-container-inner .mobile-tool {
        transform: none !important; }
  .fixHeader .main-nav-mobile {
    right: inherit;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    z-index: 99999;
    height: 100vh !important; }
    .fixHeader .main-nav-mobile .navigation-mobile {
      height: 100%;
      background: #FFF;
      width: 95%;
      overflow: auto; }
      .fixHeader .main-nav-mobile .navigation-mobile .navigation-mobile-close {
        text-align: right;
        padding: 10px 10px 0 0; }
        .fixHeader .main-nav-mobile .navigation-mobile .navigation-mobile-close > button svg {
          width: 24px;
          height: 24px;
          fill: #000;
          stroke: #000; } }

.section-slider-v2 .container {
  padding: 0 !important;
  max-width: 100 !important;
  width: 100% !important; }
  .section-slider-v2 .container img {
    width: 100% !important; }

.rte {
  font-size: 16px; }
  @media (max-width: 991px) {
    .rte {
      font-size: 14px; } }

.product-lqs > .page-section {
  display: grid;
  grid-template-columns: 30px 1fr 30px;
  align-items: center; }

.product-lqs > .page-section .fixCollection-logo-left,
.product-lqs > .page-section .fixCollection-logo-right {
  min-width: 0; }

.product-lqs > .page-section .fixCollection-logo-left .fixCollection-logo-wrap,
.product-lqs > .page-section .fixCollection-logo-right .fixCollection-logo-wrap {
  margin: 0 auto;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
  z-index: 1000; }

/* Neo sát mép trái/phải màn hình */
.product-lqs > .page-section .fixCollection-logo-left .fixCollection-logo-wrap {
  left: 12px; }

.product-lqs > .page-section .fixCollection-logo-right .fixCollection-logo-wrap {
  right: 12px; }

.fixCollection .fixCollection-logo-left .fixCollection-logo-wrap,
.fixCollection .fixCollection-logo-right .fixCollection-logo-wrap {
  margin: 0 auto;
  position: fixed;
  top: 50%;
  height: 30px;
  width: 30px;
  z-index: 1; }

.hidden-logo {
  opacity: 0;
  pointer-events: none; }

footer#footer {
  position: relative;
  z-index: 9; }

.logo-footer {
  display: flex;
  align-items: center;
  gap: 1rem; }
  .logo-footer .policy-item-link img {
    max-height: 20px;
    border-radius: 0.5rem; }

.btn--secondary.update-cart {
  margin-bottom: 20px; }

.js-drawer-open-right .drawer--right {
  z-index: 999; }

@media (min-width: 1025px) {
  .single-product-main-thumbnails.owl-carousel2 a img {
    height: 150px; } }

@media (max-width: 767px) {
  section.pae-rap-vn .container p {
    word-wrap: break-word; }
  section.pae-rap-vn .container {
    padding: 0 30px; }
  .fixHeader .main-nav-mobile .navigation-mobile .navigation-mobile-close {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    z-index: 999; }
  .fixHeader .main-nav-mobile .navigation-mobile .navigation-mobile-close button {
    display: flex;
    justify-content: flex-end;
    width: 30px;
    height: 30px;
    align-items: center;
    z-index: 999;
    position: relative; }
  .section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-title {
    letter-spacing: 0; }
  .navbar-container.is-sticky {
    position: fixed !important; }
  .arrows-s a {
    font-size: 13px; } }

.section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-title {
  letter-spacing: 0; }

@media (max-width: 767px) {
  .product-lqs > .page-section {
    display: block; } }

#page-store .storeslist .body .table-stores--body li .body-address * {
  font-family: "SofiaPro", "Open Sans", sans-serif !important; }

.page-section.bg-gray.small-section.product-breadcrumb *,
.product-main .product-price-wrap h3.price,
.product-main .product-title {
  color: #000 !important; }

.page-section.bg-gray.small-section.product-breadcrum .col-md-6 {
  padding: 0; }

.fixCollection .page-section .collection-grid .fixCollection-product-content {
  text-transform: uppercase;
  font-weight: 400; }

.section-banners .section-banners-wrap .section-banners-items .section-banners-item .section-banners-item-wrap .section-banners-item-content .section-banners-item-content-wrap .section-banners-item-content-title {
  font-weight: 500;
  font-weight: 500; }