@charset "UTF-8";
@media all and (min-width: 0) {
  .tong-dai-fixed {
    display: none; }

  .face-chat {
    display: none; }

  .overflow {
    overflow: hidden; }

  body {
    background-color: #F5F7FB; }

  .bread ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 5px 10px 10px 10px; }
    .bread ul li {
      margin: 0 5px; }
      .bread ul li:first-child {
        margin-left: 0; }
      .bread ul li:last-child {
        margin-right: 0; }
      .bread ul li a {
        text-decoration: none;
        color: #5A5B6A;
        font-size: 12px; }

  .real-price {
    font-size: 26px;
    color: red; }

  .hinh-anh {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
    position: relative;
    z-index: 0; }
    .hinh-anh .tag-hoan-tien {
      position: absolute;
      right: 10px;
      top: 0px;
      z-index: 3; }
      .hinh-anh .tag-hoan-tien img {
        display: block;
        width: 150px; }
    .hinh-anh .product-img {
      margin: auto;
      width: calc(100% - 30px);
      border-radius: 12px;
      border: 1px solid #E5E9F2;
      background: #FFF;
      position: relative;
      overflow: hidden;
      margin-bottom: 14px; }
      .hinh-anh .product-img img.thumbs {
        width: calc(100% - 60px);
        height: auto;
        display: block;
        margin: 25px auto;
        justify-items: center;
        align-items: center; }
      .hinh-anh .product-img .owl-stage-outer {
        z-index: 1; }
      .hinh-anh .product-img .owl-nav {
        display: none;
        z-index: 2;
        position: absolute;
        top: calc(50% - 10px);
        width: 100%; }
      .hinh-anh .product-img .owl-prev {
        position: absolute;
        z-index: 2;
        right: calc(100% - 30px);
        width: 20px; }
        .hinh-anh .product-img .owl-prev img {
          height: auto;
          display: block; }
      .hinh-anh .product-img .owl-next {
        z-index: 2;
        position: absolute;
        left: calc(100% - 45px);
        width: 20px; }
        .hinh-anh .product-img .owl-next img {
          height: auto;
          display: block; }
    .hinh-anh .product-slide {
      width: calc(100% - 40px);
      height: 60px;
      display: flex;
      justify-content: center;
      list-style: none;
      margin: auto; }
      .hinh-anh .product-slide .item {
        border-radius: 8px;
        border: 1px solid #E5E9F2;
        background: #FFF;
        margin-left: 5px; }
        .hinh-anh .product-slide .item img {
          display: flex;
          width: 100%;
          height: 60px;
          padding: 5px;
          display: block;
          justify-items: center; }

  #photobook {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999; }
    #photobook .close-slide {
      width: 100px;
      position: absolute;
      top: 0px;
      right: 20px; }
    #photobook .fotorama {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8); }
      #photobook .fotorama .fotorama__wrap {
        width: 70% !important;
        background: #FFF;
        height: calc(100% - 100px); }
        #photobook .fotorama .fotorama__wrap .fotorama__html .item {
          width: 100%;
          height: 100%;
          justify-content: center;
          display: flex; }
          #photobook .fotorama .fotorama__wrap .fotorama__html .item img {
            width: auto;
            height: 65%;
            display: flex;
            margin: auto;
            object-fit: fill; }

  .heading {
    display: flex;
    width: calc(100% - 35px);
    margin: auto;
    margin-bottom: 16px; }
    .heading .head1 {
      width: calc(33.33% - 10px);
      margin: auto;
      height: 48px;
      display: flex;
      border-radius: 8px;
      border: 1px solid #B6BECF;
      background: #FFF;
      align-items: center;
      cursor: pointer;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
      .heading .head1 img {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        margin-right: 9px;
        margin-left: 8px; }
      .heading .head1 p {
        color: #252525;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
    .heading .head2 {
      cursor: pointer;
      width: calc(33.33% - 10px);
      margin: auto;
      height: 48px;
      display: flex;
      border-radius: 8px;
      border: 1px solid #B6BECF;
      background: #FFF;
      align-items: center;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
      .heading .head2 img {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        margin-right: 9px;
        margin-left: 8px; }
      .heading .head2 p {
        color: #252525;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
    .heading .head3 {
      cursor: pointer;
      width: calc(33.33% - 10px);
      margin: auto;
      height: 48px;
      display: flex;
      border-radius: 8px;
      border: 1px solid #B6BECF;
      background: #FFF;
      align-items: center;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
      .heading .head3 img {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        margin-right: 9px;
        margin-left: 8px; }
      .heading .head3 p {
        color: #252525;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }

  .dac-diem {
    display: flex;
    margin-bottom: 16px; }
    .dac-diem .dd1 {
      display: flex;
      padding: 5px 10px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 4px;
      background: #FF4900;
      color: #FFF;
      text-align: center;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-right: 8px; }
    .dac-diem .dd2 {
      display: flex;
      padding: 5px 10px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 4px;
      background: #00B12F;
      color: #FFF;
      text-align: center;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }

  .pro-ten {
    width: calc(100% - 30px);
    margin: auto; }
    .pro-ten h1 {
      color: #252525;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 16px; }
    .pro-ten .cung-loai {
      display: flex;
      width: calc(100% - 30px);
      margin-bottom: 16px; }
      .pro-ten .cung-loai p {
        margin-right: 6px;
        border-radius: 4px;
        border: 1px solid #00BD32;
        background: #FFF;
        width: 60px;
        height: 32px;
        flex-shrink: 0;
        text-align: center;
        align-content: center; }
        .pro-ten .cung-loai p a {
          text-decoration: none;
          color: #000;
          text-align: center;
          leading-trim: both;
          text-edge: cap;
          font-family: Roboto;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }

  .gia-wrap {
    padding: 0px 10px 10px 10px;
    height: auto;
    width: calc(100% - 10px);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    align-items: flex-start; }
    .gia-wrap.bo-sung {
      width: calc(100% - 15px);
      margin: auto; }
      .gia-wrap.bo-sung .gia-top {
        width: 100%;
        padding: 0px;
        background: none;
        margin: auto;
        width: 100%;
        box-shadow: none;
        border: none;
        padding-bottom: 10px; }
        .gia-wrap.bo-sung .gia-top .trai {
          width: 100%; }
        .gia-wrap.bo-sung .gia-top .reco {
          margin-bottom: -40px;
          display: none; }
        .gia-wrap.bo-sung .gia-top .goi-dich-vu {
          margin-top: 20px;
          margin: auto;
          width: 100%; }
          .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi {
            border: 1px solid green;
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 5px; }
            .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi.active {
              background: linear-gradient(90deg, #00BD32 0%, #00530D 100%); }
              .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi.active label {
                background: #FFF;
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi.active .gia-combo-1 {
                background: linear-gradient(90deg, #FFF 0%, #FFF 100%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: Roboto;
                text-shadow: none;
                font-size: 30px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: -0.9px; }
              .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi.active p {
                background: #FFF;
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
            .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi label {
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              color: #FF4900; }
              .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi label b {
                color: #FF4900;
                font-size: 16px; }
            .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi .gia-combo-1 {
              background: linear-gradient(90deg, #00BD32 0%, #00530D 100%);
              background-clip: text;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              font-size: 30px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              letter-spacing: -0.9px; }
            .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi p {
              padding-left: 20px;
              color: #252525;
              font-family: Roboto;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
            .gia-wrap.bo-sung .gia-top .goi-dich-vu .item-goi .content-combo {
              margin-top: 5px;
              position: relative; }
    .gia-wrap .gia-top {
      width: 100%;
      height: auto;
      padding: 10px 10px 0 10px;
      border-radius: 8px;
      border: 1px solid #B6BECF;
      background: #FFF8EE;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
      display: flex; }
      .gia-wrap .gia-top .trai {
        padding-bottom: 10px; }
        .gia-wrap .gia-top .trai .gia-cuoi {
          font-size: 30px;
          background: linear-gradient(90deg, #00BD32 0%, #00530D 100%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        .gia-wrap .gia-top .trai .reco {
          display: flex;
          margin-top: 3px; }
          .gia-wrap .gia-top .trai .reco img {
            margin-right: 6px; }
          .gia-wrap .gia-top .trai .reco p {
            color: #252525;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            align-items: center;
            display: flex; }
      .gia-wrap .gia-top .phai {
        width: 50%;
        display: flex;
        border-radius: 8px;
        padding: 10px 0 0 20px; }
        .gia-wrap .gia-top .phai a {
          background: linear-gradient(180deg, #FCB040 0%, #FF4900 100%);
          color: #FFF;
          text-align: center;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          letter-spacing: -0.48px;
          text-decoration: none;
          padding: 8px 10px;
          animation: moveInBottom 5s ease-out;
          animation-fill-mode: backwards;
          animation-duration: 2s;
          animation-iteration-count: infinite; }
        .gia-wrap .gia-top .phai .btn:link,
        .gia-wrap .gia-top .phai .btn:visited {
          text-transform: uppercase;
          text-decoration: none;
          display: inline-block;
          border-radius: 100px;
          transition: all .2s;
          position: absolute; }
        .gia-wrap .gia-top .phai .btn:hover {
          transform: translateY(-3px);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
        .gia-wrap .gia-top .phai .btn:active {
          transform: translateY(-1px);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
        .gia-wrap .gia-top .phai .btn::after {
          content: "";
          display: inline-block;
          height: 100%;
          width: 100%;
          border-radius: 100px;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          transition: all .4s; }
        .gia-wrap .gia-top .phai .btn:hover::after {
          transform: scaleX(1.1) scaleY(1.2);
          opacity: 0; }
        .gia-wrap .gia-top .phai .btn-animated {
          animation: moveInBottom 5s ease-out;
          animation-fill-mode: backwards;
          animation-duration: 2s;
          animation-iteration-count: infinite; }
  @keyframes moveInBottom {
    0% {
      opacity: 0;
      transform: scaleX(1) scaleY(1); }
    100% {
      opacity: 1;
      transform: scaleX(1.2) scaleY(1.3); } }
    .gia-wrap .gia-bot .mess-gia {
      align-self: stretch;
      color: #797979;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%;
      /* 19.6px */
      font-size: 15px;
      margin-top: 10px; }
      .gia-wrap .gia-bot .mess-gia b {
        color: #FF4900; }
      .gia-wrap .gia-bot .mess-gia a {
        color: #FF4900;
        text-decoration: none; }
        .gia-wrap .gia-bot .mess-gia a:hover {
          color: red; }

  .pro-wrap .pro-left .thong-bai ul {
    display: none; }
  .pro-wrap .pro-left .load-noi-bat {
    display: none; }
  .pro-wrap .pro-left .load-bai-viet {
    display: none; }
  .pro-wrap .pro-left .load-thong-so {
    display: none; }
  .pro-wrap .pro-right .banner-khuyen-mai {
    width: calc(100% - 30px);
    position: relative;
    align-items: center;
    justify-content: center;
    margin: 16px auto; }
    .pro-wrap .pro-right .banner-khuyen-mai .img-hoan-tien {
      width: 100%; }
      .pro-wrap .pro-right .banner-khuyen-mai .img-hoan-tien img {
        display: block; }
    .pro-wrap .pro-right .banner-khuyen-mai .icon-zalo {
      position: absolute;
      bottom: -15px;
      right: 10px;
      width: 50px; }

  .khuyen-mai-pro {
    margin: 16px auto;
    margin-top: 25px;
    width: calc(100% - 30px);
    border-radius: 8px;
    border: 1px solid #00B12F;
    background: #E0FFE8;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
    .khuyen-mai-pro h2 {
      padding: 16px 0px 0px 13px;
      color: #00530D;
      font-family: Roboto;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      margin-bottom: 16px;
      line-height: normal; }
      .khuyen-mai-pro h2 b {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
    .khuyen-mai-pro .khuyen-mai-list {
      display: flex;
      flex-wrap: wrap; }
      .khuyen-mai-pro .khuyen-mai-list .item {
        padding: 0px 13px 16px 13px;
        display: flex;
        width: 100%;
        align-items: center; }
        .khuyen-mai-pro .khuyen-mai-list .item img {
          width: 30px;
          height: 30px;
          margin-right: 8px;
          flex-shrink: 0;
          aspect-ratio: 1/1;
          border-radius: 4px;
          border: 0.6px solid #00B12F;
          background: url(<path-to-image>) lightgray 50%/cover no-repeat; }
        .khuyen-mai-pro .khuyen-mai-list .item .pmh {
          background: url(<path-to-image>) #FFF 50%/cover no-repeat;
          padding: 0 3px; }
        .khuyen-mai-pro .khuyen-mai-list .item p {
          color: #00530D;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }

  .add-cart {
    width: calc(100% - 30px);
    margin: auto; }
    .add-cart .wrap .cart-order {
      display: flex;
      margin-bottom: 16px; }
      .add-cart .wrap .cart-order .so-luong {
        width: 60%;
        display: flex;
        align-items: center; }
        .add-cart .wrap .cart-order .so-luong p {
          color: #252525;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 140%;
          margin-right: 8px; }
        .add-cart .wrap .cart-order .so-luong div {
          width: 18%;
          height: 36px;
          border: 0.5px solid #DFDFDF;
          font-weight: bold;
          display: flex;
          align-items: center;
          justify-content: center; }
          .add-cart .wrap .cart-order .so-luong div.first {
            border-radius: 5px 0 0 5px;
            cursor: pointer; }
          .add-cart .wrap .cart-order .so-luong div.last {
            border-radius: 0 5px 5px 0;
            cursor: pointer; }
      .add-cart .wrap .cart-order .add-to-cart {
        align-items: center;
        width: 45%;
        height: 36px;
        flex-shrink: 0;
        border-radius: 4px;
        border: 1px solid #00B12F;
        background: #FFF;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        display: flex; }
        .add-cart .wrap .cart-order .add-to-cart img {
          margin-right: 13px;
          margin-left: 15px;
          width: 15px;
          height: 16px;
          flex-shrink: 0;
          aspect-ratio: 15/16; }
        .add-cart .wrap .cart-order .add-to-cart p {
          color: #00B12F;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
    .add-cart .wrap .order {
      display: flex;
      justify-content: space-between; }
      .add-cart .wrap .order .two {
        margin-right: 8px;
        border-radius: 8px;
        background: linear-gradient(246deg, #FCB040 3.32%, #FF4900 93.04%);
        display: flex;
        flex-wrap: wrap;
        width: 35%;
        height: 64px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2px; }
        .add-cart .wrap .order .two a {
          text-decoration: none; }
          .add-cart .wrap .order .two a h2 {
            color: #FFF;
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-decoration: none; }
          .add-cart .wrap .order .two a p {
            color: #FFF;
            text-align: center;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 1.5; }
      .add-cart .wrap .order .one {
        border-radius: 8px;
        background: linear-gradient(180deg, #00BD32 0%, #00530D 100%);
        display: flex;
        width: 65%;
        height: 64px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2px; }
        .add-cart .wrap .order .one h2 {
          color: #FFF;
          text-align: center;
          font-size: 24px;
          font-style: normal;
          font-weight: 800;
          line-height: normal; }
        .add-cart .wrap .order .one p {
          color: #FFF;
          text-align: center;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: 1.5; }

  .mua-o-dau {
    width: calc(100% - 30px);
    margin: auto; }
    .mua-o-dau .top-mua-o-dau {
      position: relative;
      display: flex;
      align-items: center;
      border-radius: 8px;
      border: 1px solid #252525;
      padding: 12px 0 12px 12px; }
      .mua-o-dau .top-mua-o-dau .nav {
        position: absolute;
        right: 12px; }
    .mua-o-dau .info {
      display: none;
      padding: 4px 16px;
      margin: 8px auto;
      border-radius: 12px;
      border: 1px solid #E5E9F2;
      background: #FFF;
      box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05); }
      .mua-o-dau .info .item {
        border-bottom: 1px solid #E5E9F2;
        padding-bottom: 12px;
        padding-top: 12px;
        display: flex;
        align-items: center; }
        .mua-o-dau .info .item .info-left {
          margin-right: 18px;
          color: #00530D;
          text-align: center;
          leading-trim: both;
          text-edge: cap;
          font-family: Roboto;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
        .mua-o-dau .info .item .info-right {
          width: 100%; }
          .mua-o-dau .info .item .info-right p {
            line-height: 150%;
            font-size: 14px; }
            .mua-o-dau .info .item .info-right p b {
              font-size: 16px; }
            .mua-o-dau .info .item .info-right p a {
              text-decoration: none; }
            .mua-o-dau .info .item .info-right p t {
              color: #00B12F;
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: 140%; }
          .mua-o-dau .info .item .info-right .bot-right {
            margin-top: 8px;
            display: flex;
            align-items: center; }
            .mua-o-dau .info .item .info-right .bot-right .map {
              height: 32px;
              border-radius: 20px;
              background: #E5E9F2;
              display: flex;
              padding: 11px 15px 11px 12px;
              justify-content: center;
              align-items: center;
              text-decoration: none;
              color: #252525;
              text-align: center;
              leading-trim: both;
              text-edge: cap;
              font-size: 14px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              margin-right: 8px; }
              .mua-o-dau .info .item .info-right .bot-right .map img {
                height: 20px; }
            .mua-o-dau .info .item .info-right .bot-right .face {
              border-radius: 20px;
              background: #0068FF;
              display: flex;
              height: 32px;
              padding: 11px 12px;
              justify-content: center;
              align-items: center;
              gap: 4px;
              color: #FFF;
              text-align: center;
              leading-trim: both;
              text-edge: cap;
              font-size: 14px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              text-decoration: none; }
              .mua-o-dau .info .item .info-right .bot-right .face img {
                margin-right: 4px; }
      .mua-o-dau .info .item-dong {
        width: 30%;
        margin: 12px auto;
        display: flex; }
        .mua-o-dau .info .item-dong .dong {
          width: 90px;
          display: flex;
          border-radius: 20px;
          border: 1px solid #00B12F;
          height: 32px;
          padding: 11px 12px;
          justify-content: center;
          align-items: center;
          gap: 4px;
          font-size: 14px;
          font-weight: 700; }
          .mua-o-dau .info .item-dong .dong img {
            margin-right: 4px; }

  .uu-dai {
    width: calc(100% - 30px);
    margin: auto;
    margin-bottom: 16px;
    border-radius: 8px;
    border: 1px solid #E5E9F2;
    background: #FFF;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
    .uu-dai h2 {
      padding: 16px 0px 0px 13px;
      color: #00530D;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 8px; }
    .uu-dai .cam-ket {
      display: none; }
    .uu-dai .item {
      display: flex;
      align-items: center;
      padding-left: 0px;
      padding-bottom: 16px; }
      .uu-dai .item div {
        width: 50px; }
        .uu-dai .item div img {
          display: block;
          margin: auto;
          height: 25px;
          width: auto; }
      .uu-dai .item span {
        margin-left: -5px;
        color: #252525;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
        .uu-dai .item span a {
          text-decoration: none;
          color: #2264D1; }

  .tu-van {
    width: calc(100% - 30px);
    margin: auto;
    margin-bottom: 16px;
    border-radius: 8px;
    border: 1px solid #E5E9F2;
    background: #FFF;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
    .tu-van h2 {
      padding: 16px 0px 0px 13px;
      color: #00530D;
      font-family: Roboto;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 16px; }
    .tu-van .item {
      padding-left: 13px;
      padding-bottom: 16px;
      width: calc(100% - 10px); }
      .tu-van .item .item-1 {
        display: flex;
        align-items: center;
        border-radius: 12px;
        border: 1px solid #00B12F;
        background: #E0FFE9;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        padding: 5px;
        margin-bottom: 5px; }
        .tu-van .item .item-1 .call-action {
          display: none; }
        .tu-van .item .item-1 img {
          margin-right: 12px; }
        .tu-van .item .item-1 p {
          color: #252525;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
        .tu-van .item .item-1 a {
          color: #00B12F;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-decoration: none; }
      .tu-van .item .item-2 {
        display: flex;
        align-items: center;
        border-radius: 12px;
        border: 1px solid #FF4900;
        background: #FFF4F0;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        padding: 5px;
        margin-bottom: 5px; }
        .tu-van .item .item-2 img {
          margin-right: 12px; }
        .tu-van .item .item-2 p {
          color: #252525;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
        .tu-van .item .item-2 a {
          color: #FF4900;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-decoration: none; }
      .tu-van .item .item-3 {
        display: flex;
        align-items: center;
        border-radius: 12px;
        border: 1px solid #0068FF;
        background: #E8F1FF;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        padding: 5px;
        margin-bottom: 5px; }
        .tu-van .item .item-3 img {
          margin-right: 12px; }
        .tu-van .item .item-3 p {
          color: #252525;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
        .tu-van .item .item-3 a {
          color: #0068FF;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-decoration: none; }

  .thong-so-wrap {
    margin: auto;
    width: calc(100% - 30px);
    border-radius: 8px;
    border: 1px solid #E5E9F2;
    background: #FFF;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
    .thong-so-wrap .thong-so {
      padding: 10px;
      margin-bottom: 10px;
      height: 200px;
      overflow: hidden; }
      .thong-so-wrap .thong-so p.tit {
        font-size: 14px;
        color: #5A5B6A;
        padding-bottom: 10px; }
      .thong-so-wrap .thong-so h2 {
        color: #00530D;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 7px; }
      .thong-so-wrap .thong-so h3 {
        color: #00BD32;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-top: 1px solid #E5E9F2;
        padding-top: 10px; }
        .thong-so-wrap .thong-so h3:first-child {
          border-top: none; }
      .thong-so-wrap .thong-so .item {
        display: flex; }
        .thong-so-wrap .thong-so .item p {
          padding: 7px 0; }
          .thong-so-wrap .thong-so .item p.cate {
            width: 40%;
            color: #252525;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
          .thong-so-wrap .thong-so .item p.value {
            color: #252525;
            font-family: Roboto;
            width: 50%;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
        .thong-so-wrap .thong-so .item:last-child {
          border-bottom: none; }
    .thong-so-wrap .thong-so-all {
      height: 40px;
      border-radius: 4px;
      background: #00BD32;
      box-sizing: border-box;
      border-radius: 5px;
      font-size: 16px;
      margin: auto;
      position: relative;
      cursor: pointer;
      color: #FFF;
      text-align: center;
      align-content: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
      .thong-so-wrap .thong-so-all:after {
        width: 100%;
        height: 90px;
        content: "";
        display: block;
        position: absolute;
        top: -91px; }

  .tong-quan-wrap {
    margin: 16px auto;
    width: calc(100% - 30px);
    border-radius: 8px;
    border: 1px solid #E5E9F2;
    background: #FFF;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
    .tong-quan-wrap .tong-quan-san-pham {
      padding: 10px;
      margin-bottom: 10px;
      overflow: hidden; }
      .tong-quan-wrap .tong-quan-san-pham img {
        width: 100% !important;
        height: auto !important; }
      .tong-quan-wrap .tong-quan-san-pham h2 {
        color: #00530D;
        font-family: Roboto;
        margin-top: 12px;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 8px; }
      .tong-quan-wrap .tong-quan-san-pham .tong-quan-only {
        height: 600px;
        overflow: hidden;
        position: relative; }
        .tong-quan-wrap .tong-quan-san-pham .tong-quan-only h2 {
          color: #00530D !important; }
        .tong-quan-wrap .tong-quan-san-pham .tong-quan-only a {
          text-decoration: none;
          color: #00BD32; }
        .tong-quan-wrap .tong-quan-san-pham .tong-quan-only p {
          color: #000;
          line-height: 25px; }
        .tong-quan-wrap .tong-quan-san-pham .tong-quan-only ul li {
          padding-bottom: 8px; }
    .tong-quan-wrap .tong-quan-all {
      height: 40px;
      border-radius: 4px;
      background: #00BD32;
      box-sizing: border-box;
      border-radius: 5px;
      font-size: 16px;
      margin: auto;
      position: relative;
      cursor: pointer;
      color: #FFF;
      text-align: center;
      align-content: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
      .tong-quan-wrap .tong-quan-all p {
        color: #000;
        line-height: 25px; }
      .tong-quan-wrap .tong-quan-all:after {
        width: 100%;
        height: 90px;
        content: "";
        display: block;
        position: absolute;
        top: -91px;
        background: linear-gradient(360deg, #FFFFFF 0.93%, rgba(255, 255, 255, 0) 100%); }

  .deal-soc {
    align-content: center;
    padding: 16px 10px 20px 10px;
    position: relative; }
    .deal-soc h2.tit {
      display: flex;
      justify-content: center;
      color: #00530D;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 7px; }
    .deal-soc .scroll-wrap {
      overflow: auto;
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(50% - 0px));
      margin-bottom: 10px; }
      .deal-soc .scroll-wrap .product-item {
        border: 1px solid #E5E9F2;
        background: #FFF;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        margin-bottom: 5px;
        height: 100% !important; }
        .deal-soc .scroll-wrap .product-item img.thumbs {
          height: 83px;
          width: auto; }
    .deal-soc .cung-loai-more {
      display: flex;
      justify-content: center;
      width: 120px;
      margin: auto; }
      .deal-soc .cung-loai-more span {
        height: 32px;
        flex-shrink: 0;
        border-radius: 4px;
        background: linear-gradient(180deg, #FCB040 0%, #FF4900 100%);
        padding: 7px 0;
        width: 100%;
        margin: 10px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        cursor: pointer; }

  .danh-gia {
    width: calc(100% - 30px);
    margin: auto;
    margin-bottom: 20px; }
    .danh-gia .danh-gia-popup-pc {
      display: none; }
    .danh-gia .no-comment {
      display: none; }
    .danh-gia .danh-gia-mobi {
      background: #FFF;
      padding-top: 16px;
      border-radius: 8px;
      margin-bottom: 16px; }
      .danh-gia .danh-gia-mobi .rate-show {
        width: calc(100% - 15px);
        border-radius: 8px; }
        .danh-gia .danh-gia-mobi .rate-show h2 {
          color: #00530D;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          margin-bottom: 16px;
          text-align: center; }
      .danh-gia .danh-gia-mobi div .tit-danh-gia {
        width: 100%;
        color: #252525;
        justify-content: center;
        display: flex;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
      .danh-gia .danh-gia-mobi div p.rated {
        justify-content: center;
        margin-bottom: 16px;
        display: flex;
        align-items: center; }
        .danh-gia .danh-gia-mobi div p.rated span.total {
          padding-top: 5px;
          padding-bottom: 5px;
          padding-left: 9px;
          padding-right: 15px;
          border-radius: 20px;
          background: #E0FFE8;
          color: #00B12F;
          font-family: Roboto;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          display: flex;
          align-items: center;
          margin-right: 6px; }
        .danh-gia .danh-gia-mobi div p.rated img.rated {
          margin: 0 4px; }
        .danh-gia .danh-gia-mobi div p.rated span.comment {
          padding-top: 5px;
          padding-bottom: 5px;
          padding-left: 9px;
          padding-right: 15px;
          border-radius: 20px;
          background: #E0FFE8;
          color: #00530D;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
          .danh-gia .danh-gia-mobi div p.rated span.comment b {
            padding-left: 5px;
            color: #00B12F;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
      .danh-gia .danh-gia-mobi div p.star {
        justify-content: center;
        display: flex;
        align-items: center;
        padding: 5px 0; }
        .danh-gia .danh-gia-mobi div p.star span.num-star {
          color: #252525;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
        .danh-gia .danh-gia-mobi div p.star span.percen {
          color: #797979;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
        .danh-gia .danh-gia-mobi div p.star img {
          width: 24px; }
        .danh-gia .danh-gia-mobi div p.star .line {
          width: 70%;
          height: 4px;
          background: #d9d9d9;
          display: block;
          margin: 0 10px;
          position: relative; }
          .danh-gia .danh-gia-mobi div p.star .line i {
            background-color: green;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 4px; }
      .danh-gia .danh-gia-mobi textarea {
        border: none;
        justify-content: center;
        display: flex;
        width: calc(100% - 20px);
        height: 120px;
        outline: none;
        padding: 10px;
        margin: 15px auto;
        resize: none;
        border-radius: 8px;
        background: #E5E9F2;
        font-family: Roboto;
        color: #797979;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
      .danh-gia .danh-gia-mobi .choose-star {
        display: flex;
        padding-bottom: 8px;
        justify-content: center; }
        .danh-gia .danh-gia-mobi .choose-star img {
          cursor: pointer;
          width: 12%;
          display: flex;
          padding-left: 5px; }
    .danh-gia .danh-gia-list-all {
      width: 100%;
      border-radius: 8px;
      border: 1px solid #E5E9F2;
      background: #FFF;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
      padding: 17px 0 0px 17px;
      margin-bottom: 20px; }
      .danh-gia .danh-gia-list-all .danh-gia-list {
        height: 425px;
        overflow: hidden; }
        .danh-gia .danh-gia-list-all .danh-gia-list h2 {
          color: #00530D;
          text-align: left;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          margin-bottom: 16px; }
        .danh-gia .danh-gia-list-all .danh-gia-list ul li {
          border-bottom: 1px solid #F3F3F3;
          padding: 10px 0;
          list-style: none; }
          .danh-gia .danh-gia-list-all .danh-gia-list ul li:last-child {
            border-bottom: none; }
          .danh-gia .danh-gia-list-all .danh-gia-list ul li .top {
            display: flex;
            align-items: center; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .top img.user {
              margin-right: 10px;
              display: block;
              width: 37px; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .top p.name {
              color: #252525;
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              padding-bottom: 5px; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .top p.star-icon {
              font-size: 10px;
              color: #5A5B6A; }
              .danh-gia .danh-gia-list-all .danh-gia-list ul li .top p.star-icon img {
                width: 14px;
                height: auto;
                margin-right: 5px; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .top span {
              color: #252525;
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal; }
          .danh-gia .danh-gia-list-all .danh-gia-list ul li .content {
            padding: 0px 48px; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .content p {
              color: #797979;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
              font-size: 14px;
              line-height: 19px;
              text-align: justify; }
          .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot {
            width: calc(100% - 20px); }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot .reply-open {
              color: #2264D1;
              font-size: 14px;
              font-weight: 700;
              cursor: pointer; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot p {
              font-size: 12px;
              line-height: 16px;
              color: #0066FF; }
              .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot p img.like {
                margin-left: 10px; }
              .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot p span.reply-icon {
                cursor: pointer; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot .reply {
              padding: 10px 0 0 0;
              display: flex;
              flex-wrap: wrap; }
              .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot .reply.show-reply {
                display: flex; }
              .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot .reply .input-reply {
                width: 100%;
                background: #F2F3F6;
                border-radius: 4px;
                border: none;
                height: 31px;
                font-family: "Roboto";
                font-size: 12px;
                padding: 0 10px;
                outline: none; }
              .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot .reply .reply-name, .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot .reply .reply-phone {
                width: 200px;
                background: #F2F3F6;
                border-radius: 4px;
                border: none;
                height: 31px;
                font-family: "Roboto";
                font-size: 12px;
                padding: 0 10px;
                outline: none;
                margin-bottom: 10px; }
              .danh-gia .danh-gia-list-all .danh-gia-list ul li .bot .reply .reply-name {
                margin-right: 10px; }
          .danh-gia .danh-gia-list-all .danh-gia-list ul li .load-reply {
            width: 100%;
            padding-left: 32px; }
            .danh-gia .danh-gia-list-all .danh-gia-list ul li .load-reply ul li:last-child {
              border-bottom: none;
              padding-bottom: 0; }
      .danh-gia .danh-gia-list-all .danh-gia-all {
        width: 50%;
        height: 40px;
        border-radius: 4px;
        background: #00BD32;
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        color: #FFF;
        margin: auto;
        text-align: center;
        align-content: center;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 8px; }

  .danh-gia-popup-wrap {
    position: fixed;
    top: 0;
    z-index: 10;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
    .danh-gia-popup-wrap .pop-danh-gia {
      width: 272px;
      border-radius: 8px;
      border: 1px solid #E5E9F2;
      background: #FFF;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 16px 16px 0px 16px;
      align-items: center;
      gap: 10px; }
      .danh-gia-popup-wrap .pop-danh-gia div {
        display: flex;
        padding-bottom: 16px;
        flex-wrap: wrap; }
        .danh-gia-popup-wrap .pop-danh-gia div p {
          display: flex;
          margin-bottom: 8px; }
          .danh-gia-popup-wrap .pop-danh-gia div p img {
            margin-right: 4px; }
          .danh-gia-popup-wrap .pop-danh-gia div p span {
            align-items: center;
            color: #00530D;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
        .danh-gia-popup-wrap .pop-danh-gia div input[type="text"] {
          padding: 6px 0 6px 8px;
          width: 100%;
          border-radius: 4px;
          background: #E5E9F2;
          border: none; }
      .danh-gia-popup-wrap .pop-danh-gia .huy-comment {
        display: flex; }
        .danh-gia-popup-wrap .pop-danh-gia .huy-comment .huy-binh-luan {
          border-radius: 4px;
          border: 1px solid #797979;
          color: #797979;
          text-align: center;
          font-size: 10px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          height: 32px;
          padding: 9px 20px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          flex-shrink: 0;
          margin-right: 4px; }
        .danh-gia-popup-wrap .pop-danh-gia .huy-comment input[type="button"] {
          border-radius: 4px;
          background: #00B12F;
          color: #FFF;
          text-align: center;
          border: none;
          height: 32px;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          padding: 9px 55px;
          line-height: normal; }

  .popup-ts-ct {
    display: none; }

  .popup-dang-nhap {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .popup-dang-nhap .center {
      background-color: #FFF;
      padding: 20px;
      border-radius: 5px;
      width: calc(100% - 20px); }
      .popup-dang-nhap .center p {
        padding-bottom: 10px; }
      .popup-dang-nhap .center input[type=text] {
        width: 100%;
        height: 35px;
        font-family: "Roboto";
        font-size: 14px;
        text-indent: 10px; }

  .dau-trang {
    position: fixed;
    right: 0px;
    bottom: 150px;
    display: none; }

  .nav-mobile {
    display: flex;
    width: 100%;
    border: 1px solid #D9D9D9;
    background: #FFF;
    height: 80px;
    justify-content: center;
    position: fixed;
    z-index: 11;
    bottom: 0; }
    .nav-mobile .frame {
      width: 100%;
      height: 80px;
      display: flex;
      margin: auto;
      justify-content: center; }
      .nav-mobile .frame .lien-he {
        display: flex;
        border: 1px solid #E5E9F2;
        background: #FFF;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        width: 33%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center; }
        .nav-mobile .frame .lien-he a {
          display: flex;
          text-decoration: none; }
          .nav-mobile .frame .lien-he a img {
            display: block;
            height: 20px;
            margin-right: 10px; }
          .nav-mobile .frame .lien-he a p {
            color: #252525;
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.24px; }
      .nav-mobile .frame .mua-ngay {
        background: linear-gradient(180deg, #00BD32 0%, #00530D 100%);
        width: 34%;
        flex-shrink: 0;
        align-content: center;
        text-align: center; }
        .nav-mobile .frame .mua-ngay a {
          color: #FFF;
          text-align: center;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-decoration: none; }
      .nav-mobile .frame .add-cart-nav {
        background: linear-gradient(180deg, #FCB040 0%, #FF4900 100%);
        width: 33%;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-shrink: 0;
        height: 80px; }
        .nav-mobile .frame .add-cart-nav img {
          width: 20px;
          height: 20px;
          flex-shrink: 0;
          aspect-ratio: 1/1;
          margin-right: 8px; }
        .nav-mobile .frame .add-cart-nav p {
          color: #FFF;
          text-align: center;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          letter-spacing: -0.24px; } }
@media all and (min-width: 521px) {
  .bread, .hinh-anh, .pro-ten, .mau-sac {
    width: 520px;
    margin: auto; }

  .bread ul {
    padding: 5px 0 10px 0; }

  .cung-loai, .so-luong {
    width: 500px;
    margin: auto; }

  .hinh-anh {
    margin-bottom: 25px; }

  .gia-wrap {
    width: 520px;
    margin: auto; }

  .khuyen-mai-pro {
    width: 520px;
    margin: auto; }

  .ts-tq {
    width: 520px;
    margin: auto; }

  .tong-quan-wrap {
    width: 520px;
    margin: auto; }

  .banner-khuyen-mai {
    width: 520px !important;
    margin: auto; }
    .banner-khuyen-mai a {
      width: 520px;
      margin: auto; }

  .mua-o-dau {
    cursor: pointer;
    width: 520px;
    margin: auto; }

  .uu-dai {
    width: 520px;
    margin: auto; }

  .add-cart {
    width: 520px;
    margin: auto; }

  .thong-tin-pro {
    width: 520px;
    margin: auto; }

  .tu-van {
    width: 520px;
    margin: auto;
    margin-bottom: 20px; }

  .thong-so-wrap {
    width: 520px;
    margin: auto; }

  .deal-soc {
    width: 520px;
    margin: auto;
    padding-left: 0;
    padding-right: 0; }
    .deal-soc .scroll-wrap .product .product-item, .deal-soc .scroll-wrap .pro-height .product-item {
      width: 260px;
      border-radius: 0;
      border-right: 1px solid #F6F7FB;
      border-bottom: 1px solid #F6F7FB; }
      .deal-soc .scroll-wrap .product .product-item img.thumbs, .deal-soc .scroll-wrap .pro-height .product-item img.thumbs {
        height: 124.91px; }

  .danh-gia {
    width: 520px;
    margin: auto;
    margin-bottom: 20px; }

  .binh-luan {
    width: 520px;
    margin: auto; }

  /*form thông tin bình luận*/
  .popup-danh-gia form {
    width: 480px;
    margin: 0 auto; }

  .popup-dang-nhap .center {
    width: 520px; } }
@media all and (min-width: 1201px) {
  .tong-dai-fixed {
    display: flex; }

  .face-chat {
    display: flex; }

  nav {
    display: block; }
    nav h2 {
      cursor: pointer; }
    nav ul {
      display: none; }

  .bread {
    width: 1200px; }
    .bread ul li a {
      font-size: 14px; }

  .pro-wrap {
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between; }
    .pro-wrap .pro-left {
      background: #FFF;
      border-radius: 12px;
      width: 795px;
      border-right: 1px solid rgba(223, 223, 223, 0.5); }
      .pro-wrap .pro-left .load-bai-viet {
        width: calc(100% - 30px);
        height: auto;
        position: relative;
        padding: 0 25px;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        border: 1px solid #00B12F;
        display: block;
        margin: auto; }
      .pro-wrap .pro-left .load-thong-so {
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        width: calc(100% - 30px);
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        border: 1px solid #00B12F;
        background: #FFF; }
        .pro-wrap .pro-left .load-thong-so .thong-so {
          width: 100%;
          padding: 17px;
          margin-bottom: 10px;
          overflow: hidden; }
          .pro-wrap .pro-left .load-thong-so .thong-so p.tit {
            font-size: 14px;
            color: #5A5B6A;
            padding-bottom: 10px; }
          .pro-wrap .pro-left .load-thong-so .thong-so h2 {
            color: #00530D;
            font-family: Roboto;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin-bottom: 7px; }
          .pro-wrap .pro-left .load-thong-so .thong-so h3 {
            color: #00BD32;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            border-top: 1px solid #E5E9F2;
            padding-top: 10px; }
            .pro-wrap .pro-left .load-thong-so .thong-so h3:first-child {
              border-top: none; }
          .pro-wrap .pro-left .load-thong-so .thong-so .item {
            display: flex; }
            .pro-wrap .pro-left .load-thong-so .thong-so .item p {
              padding: 7px 0; }
              .pro-wrap .pro-left .load-thong-so .thong-so .item p.cate {
                width: 45%;
                color: #252525;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: normal; }
              .pro-wrap .pro-left .load-thong-so .thong-so .item p.value {
                width: 50%;
                color: #252525;
                font-family: Roboto;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal; }
            .pro-wrap .pro-left .load-thong-so .thong-so .item:last-child {
              border-bottom: none; }
        .pro-wrap .pro-left .load-thong-so .thong-so-all {
          height: 40px;
          border-radius: 4px;
          background: #00BD32;
          box-sizing: border-box;
          border-radius: 5px;
          font-size: 16px;
          margin: auto;
          position: relative;
          cursor: pointer;
          color: #FFF;
          text-align: center;
          align-content: center;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          .pro-wrap .pro-left .load-thong-so .thong-so-all:after {
            width: 100%;
            height: 90px;
            content: "";
            display: block;
            position: absolute;
            top: -91px;
            background: linear-gradient(360deg, #FFFFFF 0.93%, rgba(255, 255, 255, 0) 100%); }
      .pro-wrap .pro-left .load-noi-bat {
        background: #FFF;
        padding: 0 25px 10px 25px;
        display: block;
        margin-bottom: 16px; }
        .pro-wrap .pro-left .load-noi-bat h2 {
          color: #00530D;
          font-family: Roboto;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          margin-bottom: 8px; }
        .pro-wrap .pro-left .load-noi-bat p {
          color: #252525;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          font-size: 15px;
          padding-left: 10px;
          position: relative;
          line-height: 1.5; }
          .pro-wrap .pro-left .load-noi-bat p:before {
            content: "";
            width: 3px;
            height: 3px;
            background: #000;
            position: absolute;
            top: 10px;
            left: 3px; }
      .pro-wrap .pro-left .tong-quan {
        padding: 20px 0; }
        .pro-wrap .pro-left .tong-quan a {
          text-decoration: none;
          color: #00B12F; }
        .pro-wrap .pro-left .tong-quan h2 {
          color: #00530D !important;
          font-family: Roboto;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          margin-top: 8px;
          margin-bottom: 5px;
          line-height: normal; }
        .pro-wrap .pro-left .tong-quan h3 {
          font-size: 15px;
          margin-top: 8px;
          color: #00B12F !important;
          line-height: 2; }
          .pro-wrap .pro-left .tong-quan h3 img {
            width: 100% !important;
            height: auto !important;
            margin-top: 5px; }
        .pro-wrap .pro-left .tong-quan p {
          font-size: 15px;
          line-height: 22px;
          color: #000;
          margin-bottom: 5px;
          text-align: justify; }
          .pro-wrap .pro-left .tong-quan p img {
            width: 100% !important;
            height: auto !important;
            margin-top: 10px; }
        .pro-wrap .pro-left .tong-quan ul {
          margin-left: 25px;
          margin-block-end: 5px; }
          .pro-wrap .pro-left .tong-quan ul li {
            list-style: disc;
            color: #000;
            font-size: 14px;
            line-height: 1.5; }
    .pro-wrap .pro-right {
      height: auto;
      border-radius: 12px;
      background: #FFF;
      width: 390px; }
      .pro-wrap .pro-right .dac-diem {
        margin-bottom: 0px; }
      .pro-wrap .pro-right .gia-va-khuyen-mai {
        display: flex;
        flex-wrap: wrap; }
        .pro-wrap .pro-right .gia-va-khuyen-mai .banner-khuyen-mai {
          position: relative;
          order: 1;
          margin: auto;
          margin-bottom: 30px;
          width: calc(100% - 30px); }
          .pro-wrap .pro-right .gia-va-khuyen-mai .banner-khuyen-mai .img-hoan-tien {
            width: 100%;
            border-radius: 8px; }
            .pro-wrap .pro-right .gia-va-khuyen-mai .banner-khuyen-mai .img-hoan-tien img {
              display: block; }
          .pro-wrap .pro-right .gia-va-khuyen-mai .banner-khuyen-mai .icon-zalo {
            position: absolute;
            bottom: -20px;
            right: 10px;
            width: 55px; }
        .pro-wrap .pro-right .gia-va-khuyen-mai .gia-wrap {
          order: 0; }

  .ts-tq .heading {
    background: #FFF;
    display: flex;
    width: 436px;
    margin-bottom: 16px;
    justify-content: center; }
    .ts-tq .heading .head1 {
      width: 140px;
      height: 48px;
      display: flex;
      border-radius: 8px;
      border: 1px solid #00B12F;
      background: #FFF;
      align-items: center;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
      .ts-tq .heading .head1:hover {
        background: #E0FFE8; }
      .ts-tq .heading .head1.actived {
        background: #E0FFE8; }
      .ts-tq .heading .head1 img {
        width: 32px;
        height: 32px; }
    .ts-tq .heading .head2 {
      width: 140px;
      margin: auto;
      height: 48px;
      display: flex;
      border-radius: 8px;
      border: 1px solid #00B12F;
      background: #FFF;
      align-items: center;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
      .ts-tq .heading .head2:hover {
        background: #E0FFE8; }
      .ts-tq .heading .head2.actived {
        background: #E0FFE8; }
      .ts-tq .heading .head2 img {
        width: 32px;
        height: 32px; }
    .ts-tq .heading .head3 {
      width: 140px;
      margin: auto;
      height: 48px;
      display: flex;
      border-radius: 8px;
      border: 1px solid #00B12F;
      background: #FFF;
      align-items: center;
      box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); }
      .ts-tq .heading .head3:hover {
        background: #E0FFE8; }
      .ts-tq .heading .head3 img {
        width: 32px;
        height: 32px; }

  .hinh-anh {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: #FFF; }
    .hinh-anh .product-img {
      margin: auto;
      border-radius: 12px;
      border: none; }
      .hinh-anh .product-img img.thumbs {
        width: 50%;
        height: auto;
        display: block;
        margin: 25px auto;
        justify-items: center; }
      .hinh-anh .product-img .owl-stage-outer {
        z-index: 1; }
      .hinh-anh .product-img .owl-nav {
        display: flex; }
      .hinh-anh .product-img .owl-prev {
        display: flex;
        background: none !important; }
      .hinh-anh .product-img .owl-next {
        display: flex;
        background: none !important; }
    .hinh-anh .product-slide {
      width: calc(100% - 200px);
      height: auto;
      display: flex;
      justify-content: center;
      list-style: none;
      margin: auto;
      padding-top: 5px;
      padding-bottom: 5px; }
      .hinh-anh .product-slide .item {
        border-radius: 8px;
        border: 1px solid #E5E9F2;
        background: #FFF;
        margin-left: 5px; }
        .hinh-anh .product-slide .item img {
          display: flex;
          width: auto;
          height: 50px;
          display: block;
          margin: 25px auto;
          justify-items: center; }

  .mua-o-dau {
    cursor: pointer;
    width: calc(100% - 30px); }
    .mua-o-dau .dong {
      cursor: pointer; }

  .khuyen-mai-pro {
    border-radius: 8px;
    border: 1px solid #00B12F;
    background: #E0FFE8;
    margin-top: 16px;
    margin-bottom: 16px;
    width: calc(100% - 30px); }

  .dac-diem {
    padding: 0px 16px 16px 15px; }

  .pro-ten {
    width: 100%; }
    .pro-ten h1 {
      padding: 10px 16px 0px 15px;
      font-size: 22px; }

  .pro-cung-loai {
    width: calc(100% - 65px);
    padding: 12px 0;
    margin-left: 40px; }

  .so-luong {
    width: auto;
    margin-right: 0;
    border-top: none;
    border-bottom: none; }
    .so-luong h2 {
      font-size: 15px; }

  .gia-wrap {
    width: calc(100% - 15px);
    display: block;
    margin-bottom: 8px; }
    .gia-wrap.bo-sung {
      width: calc(100% - 30px);
      background: none;
      margin: auto;
      width: 100%; }
      .gia-wrap.bo-sung .gia-top {
        width: 100%; }
        .gia-wrap.bo-sung .gia-top .gia-cuoi {
          width: 100%; }

  .mua-o-dau {
    order: 3; }

  .uu-dai {
    border: 1px solid #00B12F;
    width: calc(100% - 30px);
    padding: 10px 0;
    position: relative; }
    .uu-dai h2 {
      margin-bottom: 16px; }
    .uu-dai .cam-ket {
      display: flex;
      position: absolute;
      right: 0px;
      top: 11px; }
      .uu-dai .cam-ket img {
        width: 70px;
        height: auto; }
    .uu-dai .item span {
      font-size: 15px; }

  .add-cart {
    width: calc(100% - 30px);
    order: 2; }
    .add-cart .wrap .cart-order .so-luong {
      width: 50%; }
      .add-cart .wrap .cart-order .so-luong div {
        width: 18%; }
        .add-cart .wrap .cart-order .so-luong div.center {
          width: 22%; }
      .add-cart .wrap .cart-order .so-luong .count-sp {
        width: 55%; }
    .add-cart .wrap .cart-order .add-to-cart {
      width: 50%;
      cursor: pointer; }
    .add-cart .wrap .order .two {
      order: 2;
      margin-left: 8px;
      margin-right: 0px;
      border-radius: 8px; }
      .add-cart .wrap .order .two a p {
        font-size: 12px;
        font-weight: 700; }
      .add-cart .wrap .order .two:hover {
        background: linear-gradient(180deg, #FCB040 0%, #FF4900 100%); }
    .add-cart .wrap .order .one {
      cursor: pointer;
      order: 1; }
      .add-cart .wrap .order .one:hover {
        background: #00B12F; }

  .thong-tin-pro {
    margin-left: 40px;
    padding: 0 0 10px 0;
    width: 450px; }
    .thong-tin-pro li {
      font-size: 15px; }

  .tu-van {
    box-shadow: none;
    border: none;
    width: calc(100% - 30px);
    padding: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap; }
    .tu-van h2 {
      width: 100%;
      text-align: center; }
    .tu-van .item {
      padding-left: 0px;
      box-shadow: none;
      border: none;
      box-sizing: border-box;
      position: relative; }
      .tu-van .item .item-1 {
        width: 100%; }
        .tu-van .item .item-1 .right p {
          font-size: 12px; }
        .tu-van .item .item-1 .call-action {
          margin-left: 15px;
          display: flex;
          color: #00530D;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
      .tu-van .item .item-2 {
        margin-right: 5px;
        width: 50%; }
        .tu-van .item .item-2 .left {
          margin-right: -4px; }
        .tu-van .item .item-2 .right p {
          font-size: 12px; }
        .tu-van .item .item-2 .right a {
          font-size: 14px; }
      .tu-van .item .item-3 {
        position: absolute;
        width: calc(50% - 5px);
        right: 0px;
        bottom: 15px; }
        .tu-van .item .item-3 .left {
          margin-right: -4px; }
        .tu-van .item .item-3 .right p {
          font-size: 12px; }
        .tu-van .item .item-3 .right a {
          font-size: 14px; }

  .thong-so-wrap {
    width: calc(100% - 65px);
    margin-left: 40px;
    display: none; }
    .thong-so-wrap .thong-so {
      padding: 10px 0; }
    .thong-so-wrap .thong-so-all {
      padding: 0;
      width: 100%; }

  .tong-quan-wrap {
    display: none; }

  .deal-soc {
    width: 1200px; }
    .deal-soc h2.tit {
      font-size: 20px; }
    .deal-soc .scroll-wrap {
      width: 100%;
      grid-template-columns: repeat(auto-fill, calc(25% - 8px));
      justify-content: space-between;
      margin-bottom: 5px; }
      .deal-soc .scroll-wrap .product-item {
        height: auto !important;
        margin-bottom: 10px; }
    .deal-soc .cung-loai-more span {
      width: 240px; }

  .danh-gia {
    width: 1200px;
    padding: 30px 25px 10px 25px;
    background: #FFF; }
    .danh-gia .danh-gia-list-wrap {
      display: flex; }
      .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc {
        border-radius: 8px;
        border: 1px solid #00B12F;
        margin-left: 20px;
        display: flex;
        height: 434px;
        width: 40%; }
        .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia {
          width: 100%;
          border-radius: 8px;
          border: 1px solid #E5E9F2;
          background: #FFF;
          box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          padding: 5px 16px;
          align-items: center;
          gap: 10px; }
          .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia div {
            display: flex;
            padding-bottom: 16px;
            flex-wrap: wrap; }
            .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia div p {
              display: flex;
              margin-bottom: 8px; }
              .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia div p img {
                margin-right: 4px; }
              .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia div p span {
                align-items: center;
                color: #00530D;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: normal; }
            .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia div input[type="text"][name="content"] {
              padding: 6px 0 6px 8px;
              width: 100%;
              border-radius: 4px;
              background: #E5E9F2;
              border: none;
              height: 70px; }
            .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia div input[type="text"] {
              padding: 6px 0 6px 8px;
              width: 100%;
              border-radius: 4px;
              background: #E5E9F2;
              border: none; }
            .danh-gia .danh-gia-list-wrap .danh-gia-popup-pc .pop-danh-gia div input[type="button"] {
              cursor: pointer;
              border-radius: 4px;
              background: #00B12F;
              color: #FFF;
              justify-content: center;
              align-items: center;
              margin: auto;
              text-align: center;
              border: none;
              height: 32px;
              font-size: 14px;
              font-style: normal;
              font-weight: 700;
              padding: 9px 55px;
              line-height: normal; }
      .danh-gia .danh-gia-list-wrap .no-comment {
        align-content: center;
        display: flex;
        border-radius: 8px;
        border: 1px solid #00B12F;
        background: #FFF;
        width: 60%;
        height: 434px; }
        .danh-gia .danh-gia-list-wrap .no-comment .no-comment-wrap {
          width: 100%;
          margin: auto; }
          .danh-gia .danh-gia-list-wrap .no-comment .no-comment-wrap img {
            display: flex;
            justify-content: center;
            width: 120px;
            height: 120px;
            flex-shrink: 0;
            aspect-ratio: 1/1;
            margin: auto;
            align-items: center; }
          .danh-gia .danh-gia-list-wrap .no-comment .no-comment-wrap .no-comment-text {
            margin-top: 16px;
            color: #00530D;
            text-align: center;
            font-family: Roboto;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal; }
          .danh-gia .danh-gia-list-wrap .no-comment .no-comment-wrap .no-comment-content {
            margin-top: 16px;
            text-align: center;
            color: #797979;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
      .danh-gia .danh-gia-list-wrap .danh-gia-list-all {
        border-radius: 8px;
        border: 1px solid #00B12F;
        border-radius: 8px;
        border: 1px solid #00B12F;
        background: #FFF;
        width: calc(100% - 500px); }
        .danh-gia .danh-gia-list-wrap .danh-gia-list-all .danh-gia-list {
          height: 436px; }
        .danh-gia .danh-gia-list-wrap .danh-gia-list-all .danh-gia-all {
          width: 30%;
          border-radius: 4px;
          border: 1px solid #00B12F;
          background: #FFF;
          color: #00530D; }
          .danh-gia .danh-gia-list-wrap .danh-gia-list-all .danh-gia-all:hover {
            background: #00B12F;
            color: #FFF; }
    .danh-gia .viet-danh-gia {
      display: none; }
    .danh-gia div p.star .line {
      width: 30%; }

  .binh-luan {
    width: 1200px; }
    .binh-luan ul li .top img.user {
      margin-left: 0; }

  .nav-mobile {
    display: none; } }

/*# sourceMappingURL=pro-detail-backup.css.map */