@charset "UTF-8";
.pbrand .pbrand-video {
  position: relative;
  margin-bottom: 1rem; }
  .pbrand .pbrand-video .pbrand-video-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    padding: 45px 115px; }
    @media (max-width: 1200px) {
      .pbrand .pbrand-video .pbrand-video-content {
        padding: 35px 70px; } }
    @media (max-width: 767px) {
      .pbrand .pbrand-video .pbrand-video-content {
        padding: 25px 50px; } }
    @media (max-width: 480px) {
      .pbrand .pbrand-video .pbrand-video-content {
        padding: 15px 30px; } }
    .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-info h2 {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 25px;
      text-transform: uppercase; }
    .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-info ul {
      display: flex;
      gap: 45px;
      margin: 0;
      padding: 0;
      list-style: none; }
      .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-info ul li a {
        color: #FFF;
        text-decoration: underline; }
    .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-action {
      display: flex;
      gap: 15px; }
      .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-action button {
        background: #666;
        border: none;
        outline: none;
        box-shadow: none;
        padding: 5px;
        border-radius: 3px;
        position: relative;
        width: 30px;
        height: 30px; }
        .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-action button.active img:nth-child(2) {
          opacity: 1;
          visibility: visible; }
        .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-action button.active img:nth-child(1) {
          opacity: 0;
          visibility: hidden; }
        .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-action button img {
          max-width: 16px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          filter: brightness(0) invert(1); }
          .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-action button img:nth-child(1) {
            opacity: 1;
            visibility: visible; }
          .pbrand .pbrand-video .pbrand-video-content .pbrand-video-content-action button img:nth-child(2) {
            opacity: 0;
            visibility: hidden; }

.pbrand .pbrand-groupban {
  margin-bottom: 4rem; }
  .pbrand .pbrand-groupban .pbrand-groupban-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem; }
    .pbrand .pbrand-groupban .pbrand-groupban-items .pbrand-groupban-item {
      position: relative; }
      .pbrand .pbrand-groupban .pbrand-groupban-items .pbrand-groupban-item .pbrand-groupban-item-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.25);
        color: #FFF;
        padding: 45px; }
        @media (max-width: 1200px) {
          .pbrand .pbrand-groupban .pbrand-groupban-items .pbrand-groupban-item .pbrand-groupban-item-content {
            padding: 35px; } }
        @media (max-width: 767px) {
          .pbrand .pbrand-groupban .pbrand-groupban-items .pbrand-groupban-item .pbrand-groupban-item-content {
            padding: 25px; } }
        @media (max-width: 480px) {
          .pbrand .pbrand-groupban .pbrand-groupban-items .pbrand-groupban-item .pbrand-groupban-item-content {
            padding: 15px; } }
        .pbrand .pbrand-groupban .pbrand-groupban-items .pbrand-groupban-item .pbrand-groupban-item-content h2 {
          font-size: 1rem;
          font-weight: 600;
          margin-bottom: 5px;
          text-transform: uppercase; }
        .pbrand .pbrand-groupban .pbrand-groupban-items .pbrand-groupban-item .pbrand-groupban-item-content span {
          font-size: .85rem;
          font-weight: 400; }

.pbrand .pbrand-products h2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2.5rem;
  text-transform: uppercase; }

.pbrand .pbrand-products .pbrand-products-items:not(.slick-slider) {
  display: grid;
  grid-template-columns: repeat(5, 1fr); }
  .pbrand .pbrand-products .pbrand-products-items:not(.slick-slider) > * {
    min-width: 0; }
  @media (max-width: 991px) {
    .pbrand .pbrand-products .pbrand-products-items:not(.slick-slider) {
      grid-template-columns: inherit;
      grid-auto-flow: column;
      grid-auto-columns: calc(100%/3);
      overflow: auto hidden; } }
  @media (max-width: 480px) {
    .pbrand .pbrand-products .pbrand-products-items:not(.slick-slider) {
      grid-auto-columns: 50%;
      overflow: auto hidden; } }

.pbrand .pbrand-products .pbrand-products-items .product-meta {
  justify-content: flex-start; }

.pbrand .pbrand-bigban {
  margin-bottom: 1rem; }
  .pbrand .pbrand-bigban .pbrand-bigban-items .pbrand-bigban-item {
    position: relative; }
    .pbrand .pbrand-bigban .pbrand-bigban-items .pbrand-bigban-item .pbrand-bigban-item-content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.25);
      color: #FFF;
      padding: 45px; }
      @media (max-width: 1200px) {
        .pbrand .pbrand-bigban .pbrand-bigban-items .pbrand-bigban-item .pbrand-bigban-item-content {
          padding: 35px; } }
      @media (max-width: 767px) {
        .pbrand .pbrand-bigban .pbrand-bigban-items .pbrand-bigban-item .pbrand-bigban-item-content {
          padding: 25px; } }
      @media (max-width: 480px) {
        .pbrand .pbrand-bigban .pbrand-bigban-items .pbrand-bigban-item .pbrand-bigban-item-content {
          padding: 15px; } }
      .pbrand .pbrand-bigban .pbrand-bigban-items .pbrand-bigban-item .pbrand-bigban-item-content h2 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 5px;
        text-transform: uppercase; }
      .pbrand .pbrand-bigban .pbrand-bigban-items .pbrand-bigban-item .pbrand-bigban-item-content span {
        font-size: .85rem;
        font-weight: 400; }

/* For Account */
.faccount-sidebar {
  margin-bottom: 30px; }
  .faccount-sidebar .faccount-sidebar-top {
    background: #FAFAFA;
    padding: 1rem;
    margin-bottom: 1rem; }
    .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-info {
      text-align: center;
      margin-bottom: 1rem; }
      .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-info > img {
        margin-bottom: .5rem;
        border-radius: 999px; }
      .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-info p {
        margin: 0;
        font-size: 1.1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        color: #18181A; }
        .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-info p img {
          max-width: 1rem; }
    .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-loyalty .faccount-sidebar-top-loyalty-box {
      padding: 1.5rem;
      border-radius: 4px;
      background: url(https://file.hstatic.net/200000574651/file/bg.png) center center/cover no-repeat; }
      .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-loyalty .faccount-sidebar-top-loyalty-box .faccount-sidebar-top-loyalty-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem; }
        .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-loyalty .faccount-sidebar-top-loyalty-box .faccount-sidebar-top-loyalty-head span {
          font-size: .9rem;
          color: #18181A; }
      .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-loyalty .faccount-sidebar-top-loyalty-box .faccount-sidebar-top-loyalty-data {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .faccount-sidebar .faccount-sidebar-top .faccount-sidebar-top-loyalty .faccount-sidebar-top-loyalty-box .faccount-sidebar-top-loyalty-data span {
          font-size: .9rem;
          color: #18181A; }
  .faccount-sidebar .faccount-sidebar-mid {
    background: #FAFAFA;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1rem; }
    .faccount-sidebar .faccount-sidebar-mid > img {
      margin-bottom: .5rem; }
    .faccount-sidebar .faccount-sidebar-mid p {
      font-size: .8rem;
      margin: 0;
      color: #18181A; }
  .faccount-sidebar .faccount-sidebar-bot {
    margin-bottom: 1rem;
    padding: 0 1rem; }
    .faccount-sidebar .faccount-sidebar-bot .faccount-sidebar-bot-items {
      margin: 0;
      padding: 0;
      list-style: none; }
      .faccount-sidebar .faccount-sidebar-bot .faccount-sidebar-bot-items li a {
        padding: .5rem 0;
        display: flex;
        gap: .5rem;
        color: #18181A; }
        .faccount-sidebar .faccount-sidebar-bot .faccount-sidebar-bot-items li a img {
          width: auto;
          max-height: 24px; }
        .faccount-sidebar .faccount-sidebar-bot .faccount-sidebar-bot-items li a:hover {
          color: #007bff; }
        .faccount-sidebar .faccount-sidebar-bot .faccount-sidebar-bot-items li a.active {
          background: #FAFAFA;
          color: #007bff; }
  .faccount-sidebar .faccount-sidebar-logout {
    padding: 0 1rem; }
    .faccount-sidebar .faccount-sidebar-logout a {
      border-radius: 3px;
      border: 1px solid #18181A;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .5rem;
      padding: .5rem 1rem;
      color: #18181A; }
      .faccount-sidebar .faccount-sidebar-logout a img {
        max-height: 24px;
        width: auto;
        transition: all 0.2s ease-in-out; }
      .faccount-sidebar .faccount-sidebar-logout a:hover {
        background: #F30;
        color: #FFF;
        border-color: #F30; }
        .faccount-sidebar .faccount-sidebar-logout a:hover img {
          filter: brightness(1) invert(1); }

#faccount-viewed-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; }
  #faccount-viewed-items > .product-loop {
    min-width: 0;
    padding: 0; }
    #faccount-viewed-items > .product-loop .product-meta {
      height: auto; }

#faccount-viewed-pages {
  margin-top: 1rem; }
  #faccount-viewed-pages .paginationjs {
    justify-content: center; }
    #faccount-viewed-pages .paginationjs .paginationjs-pages ul li {
      border: none; }
      #faccount-viewed-pages .paginationjs .paginationjs-pages ul li.active {
        border-bottom: 1px solid #aaa; }
        #faccount-viewed-pages .paginationjs .paginationjs-pages ul li.active a {
          background: transparent !important; }
      #faccount-viewed-pages .paginationjs .paginationjs-pages ul li a {
        color: #18181A; }

.fcart {
  background: #FAFAFA;
  padding: 0 0 40px; }
  .fcart .fcart-wrap {
    margin-top: 30px; }
    .fcart .fcart-wrap .fcartcus {
      background: #FFF;
      padding: 15px;
      box-shadow: 0 0 1px 1.5px rgba(0, 0, 0, 0.05); }
      .fcart .fcart-wrap .fcartcus label {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        font-weight: 300; }
        .fcart .fcart-wrap .fcartcus label:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          width: 20px;
          aspect-ratio: 1;
          transform: translateY(-50%);
          border: 1px solid #18181A;
          border-radius: 4px; }
        .fcart .fcart-wrap .fcartcus label:after {
          content: "✓";
          opacity: 0;
          visibility: hidden;
          transition: all .5s;
          position: absolute;
          top: 50%;
          left: 4px;
          transform: translateY(-50%);
          font-weight: bold; }
        .fcart .fcart-wrap .fcartcus label:has(:checked):after {
          opacity: 1;
          visibility: visible; }
        .fcart .fcart-wrap .fcartcus label input {
          display: none; }
      .fcart .fcart-wrap .fcartcus p {
        margin: 0; }
      .fcart .fcart-wrap .fcartcus .fcartcus-goiqua {
        border-bottom: 1px solid #DbDbDb;
        margin-bottom: 15px;
        padding-bottom: 15px; }
      .fcart .fcart-wrap .fcartcus .fcartcus-xhd label:has(:checked) ~ * {
        display: block !important; }
      .fcart .fcart-wrap .fcartcus .fcartcus-xhd input[type="text"] {
        margin-top: 15px;
        display: block;
        width: 100%;
        padding: 0 10px;
        height: 35px;
        outline: 0;
        border: 1px solid #DbDbDb;
        display: none; }
    .fcart .fcart-wrap .fcartcus-total {
      background: #FFF;
      padding: 15px;
      box-shadow: 0 0 1px 1.5px rgba(0, 0, 0, 0.05); }
  @media (min-width: 992px) {
    .fcart {
      padding: 0 0 80px; } }

.productid-1130980023 .item-qty,
.productid-1130980003 .item-qty {
  pointer-events: none !important; }

.my-account-wrap {
  margin-top: 30px; }
  .my-account-wrap h1 {
    text-align: center;
    font-size: 24px; }
  .my-account-wrap .auth-form-body .reset-password-form-body .form-group label[for="password"],
  .my-account-wrap .auth-form-body .reset-password-form-body .form-group label[for="password-confirm"] {
    font-size: 12px; }
  .my-account-wrap .auth-form-body .reset-password-form-body .form-group button {
    background: #000;
    border: 2px solid #000;
    color: #fff; }

.menu-thuong-hieu ul {
  left: 0;
  right: 0;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 15%;
  gap: 30px;
  justify-content: center; }