@charset "UTF-8";
.imagebanner1fix {
  z-index: 9999;
  position: fixed;
  left: 150px;
  top: 50%;
  transform: translateY(-50%); }

.imagebanner2fix {
  z-index: 9999;
  position: fixed;
  right: 150px;
  top: 50%;
  transform: translateY(-50%); }

.relativetime {
  position: relative; }

.relativetime .levlup_4 {
  position: absolute;
  left: 110px;
  background: #fff;
  width: 100%;
  border: 1px solid #ccc;
  z-index: 9;
  padding: 10px;
  margin-left: 25px;
  top: 0;
  display: none; }

.relativetime .levlup_4:after {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #fff transparent transparent;
  position: absolute;
  display: block;
  top: 6px;
  left: -9px;
  margin-left: 0;
  transform: rotate(90deg); }

.relativetime .levlup_4:before {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #ccc transparent transparent;
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0%;
  margin-left: 0px;
  transform: rotate(90deg);
  top: 6px;
  left: -10px; }

.relativetime:hover .levlup_4 {
  display: block; }

.imagebanner1fix.huver, .imagebanner2fix.huver {
  transition: 0.3s all ease; }

.imagebanner1fix.huver:hover {
  left: 0 !important;
  transition: 0.3s all ease; }

.imagebanner2fix.huver:hover {
  right: 0 !important;
  transition: 0.3s all ease; }

@media (max-width: 1600px) {
  .flex2ben {
    display: none; } }

.banner-hover > a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#slick-slider-home .slick-dots {
  bottom: 10px;
  left: 0; }

#slick-slider-home .slick-prev {
  left: 5px; }

#slick-slider-home .slick-next {
  right: 5px; }

#home-slider {
  padding-top: 15px; }

#home-slider .slick-dots li button {
  border-color: #fff; }

#home-slider .slick-dots li.slick-active button {
  background: #fff; }

@media only screen and (max-width: 767px) {
  #section-banner-group .section-banner-group__row {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory; } }

#section-banner-group .item-banner {
  padding-left: 8px;
  flex: 1;
  min-width: 0; }
  #section-banner-group .item-banner img {
    display: block;
    border-radius: 8px; }

#section-banner-group .item-banner:first-child {
  padding-left: 0 !important; }

@media only screen and (max-width: 767px) {
  #section-banner-group .item-banner {
    flex: 0 0 60%;
    width: 60%;
    min-width: 60%;
    scroll-snap-align: start; } }

/* Banner promo 2 cột — desktop 2 ảnh một hàng; mobile (<768px) mỗi hàng một ảnh */
#section-top-promotion-banners .top-promo-banners__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }

#section-top-promotion-banners .top-promo-banners__cell {
  flex: 1 1 calc(50% - 6px);
  min-width: 0;
  max-width: 100%; }
  @media only screen and (max-width: 767px) {
    #section-top-promotion-banners .top-promo-banners__cell {
      flex: 1 1 100%; } }

#section-top-promotion-banners .top-promo-banners__link img {
  display: block;
  width: 100%;
  height: auto; }

/* Banner giữa trang — cột trái lớn (2/3) + cột phải 2 ảnh nhỏ chồng (1/3) */
#section-bot-promo-banners .bot-promo-banners__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch; }

#section-bot-promo-banners .bot-promo-banners__col--left {
  flex: 2 1 0;
  min-width: 0; }
  @media only screen and (max-width: 767px) {
    #section-bot-promo-banners .bot-promo-banners__col--left {
      flex: 1 1 100%; } }

#section-bot-promo-banners .bot-promo-banners__col--right {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px; }
  @media only screen and (max-width: 767px) {
    #section-bot-promo-banners .bot-promo-banners__col--right {
      flex: 1 1 100%;
      flex-direction: column; } }
  #section-bot-promo-banners .bot-promo-banners__col--right .bot-promo-banners__link {
    flex: 1 1 0; }

#section-bot-promo-banners .bot-promo-banners__link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px; }

/* Section danh mục trang chủ: 2 hàng × 10 cột, cuộn ngang khi hẹp (ẩn scrollbar) */
.section-category-home .section-category-home__box {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 14px 18px; }

.section-category-home .section-category-home__title {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin: 0 0 14px 0;
  padding: 0 2px 10px;
  line-height: 1.3;
  border-bottom: 1px solid #e5e7eb; }

.section-category-home .section-category-home__scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .section-category-home .section-category-home__scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0; }

.section-category-home .section-category-home__grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  width: 100%; }

.section-category-home .section-category-home__row {
  display: grid;
  grid-template-columns: repeat(10, minmax(56px, 1fr));
  gap: 10px 8px;
  align-items: start; }
  .section-category-home .section-category-home__row:empty {
    display: none; }

.section-category-home .category-home-item {
  min-width: 0; }

.section-category-home .category-home-item__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
  height: 100%; }
  .section-category-home .category-home-item__link:hover {
    color: #1d4585; }

.section-category-home .category-home-item__img-wrap {
  display: block;
  width: 100%;
  max-width: 110px;
  margin: 0 auto;
  border: none;
  background: transparent;
  border-radius: 0;
  overflow: hidden;
  aspect-ratio: 1; }

.section-category-home .category-home-item__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.25s ease; }

.section-category-home .category-home-item__link:hover .category-home-item__img {
  transform: scale(1.06); }

.section-category-home .category-home-item__label {
  display: block;
  width: 100%;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  word-break: break-word; }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .section-category-home .section-category-home__title {
    font-size: 17px; }
  .section-category-home .category-home-item__label {
    font-size: 12px; } }

@media only screen and (max-width: 767px) {
  .section-category-home .section-category-home__box {
    padding: 12px 10px 14px; }
  .section-category-home .section-category-home__title {
    font-size: 16px;
    margin-bottom: 12px;
    padding-bottom: 8px; }
  .section-category-home .category-home-item__label {
    font-size: 11px;
    margin-top: 6px; } }

/* Sản phẩm đã xem — trang chủ */
.section-recently-viewed-home[hidden] {
  display: none !important; }

.section-recently-viewed-home {
  margin-top: 20px;
  overflow-x: hidden; }
  @media (max-width: 767px) {
    .section-recently-viewed-home .rv-home-inner {
      padding: 0 10px; } }
  @media (max-width: 1199px) {
    .section-recently-viewed-home .rv-home-inner {
      padding: 0 15px; } }
  .section-recently-viewed-home .rv-home-inner-container {
    background: #fff;
    border-radius: 8px;
    padding: 20px 5px; }
  .section-recently-viewed-home .rv-home-heading {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0 0 12px 0;
    padding-left: 10px; }
  .section-recently-viewed-home .rv-home-box {
    padding: 5px 0 15px; }
  .section-recently-viewed-home .rv-home-card__inner {
    display: flex;
    align-items: stretch;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 4px; }
  .section-recently-viewed-home .rv-home-card__thumb {
    align-self: flex-start;
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5; }
    .section-recently-viewed-home .rv-home-card__thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .section-recently-viewed-home .rv-home-card__body {
    flex: 1;
    min-width: 0; }
  .section-recently-viewed-home .rv-home-card__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    margin: 0 0 8px 0;
    color: #111;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .section-recently-viewed-home .rv-home-card__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 5px;
    font-size: 13px; }
  .section-recently-viewed-home .rv-home-card__compare {
    color: #888;
    text-decoration: line-through; }
  .section-recently-viewed-home .rv-home-card__price {
    font-weight: 700;
    color: #E30019; }
  .section-recently-viewed-home .rv-home-card__badge {
    display: inline-block;
    padding: 1px 6px;
    border: 1px solid #E30019;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #E30019;
    line-height: 1.3; }
  .section-recently-viewed-home #result-pd-seen-home {
    /* Thu hẹp khoảng cách giữa các ô (global pd-left--15 / mg-left--15 = 15px) */
    /* Cùng chiều cao trong một hàng: track flex + slide flex + adaptiveHeight=false trên Slick */
    /* Slick đặt tabindex lên slide → outline mặc định rất lộ; bỏ vì tương tác thật là link bên trong */
    /* Trực tiếp hoặc qua wrapper div do Slick tạo */
    /* Tránh cắt viền (slick-list overflow:hidden) — phải + dưới */ }
    .section-recently-viewed-home #result-pd-seen-home.mg-left--15 {
      margin-left: -4px; }
    .section-recently-viewed-home #result-pd-seen-home .item-owl.pd-left--15 {
      padding-left: 4px; }
    .section-recently-viewed-home #result-pd-seen-home .slick-track {
      display: flex;
      align-items: stretch; }
    .section-recently-viewed-home #result-pd-seen-home .slick-slide {
      float: none;
      display: flex;
      align-items: stretch;
      height: auto; }
    .section-recently-viewed-home #result-pd-seen-home .slick-slide:focus {
      outline: none; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card__inner {
      -webkit-tap-highlight-color: transparent; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card__inner:focus {
      outline: none; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card__inner:focus-visible {
      box-shadow: 0 0 0 2px rgba(227, 0, 25, 0.35);
      border-radius: 4px; }
    .section-recently-viewed-home #result-pd-seen-home .slick-arrow:focus,
    .section-recently-viewed-home #result-pd-seen-home .slick-dots button:focus {
      outline: none; }
    .section-recently-viewed-home #result-pd-seen-home .slick-arrow:focus-visible,
    .section-recently-viewed-home #result-pd-seen-home .slick-dots button:focus-visible {
      outline: 2px solid rgba(227, 0, 25, 0.45);
      outline-offset: 2px; }
    .section-recently-viewed-home #result-pd-seen-home .slick-slide > * {
      flex: 1 1 auto;
      display: flex;
      min-width: 0;
      min-height: 0;
      align-self: stretch; }
    .section-recently-viewed-home #result-pd-seen-home .item-owl {
      flex: 1 1 auto;
      display: flex;
      min-width: 0;
      min-height: 0;
      width: 100%;
      height: auto; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      min-width: 0;
      min-height: 0;
      width: 100%; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card__inner {
      flex: 1 1 auto;
      align-items: stretch;
      min-height: 0; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card__body {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      min-height: 0; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card__title {
      flex-shrink: 0; }
    .section-recently-viewed-home #result-pd-seen-home .rv-home-card__row {
      flex-shrink: 0;
      margin-top: auto; }
    .section-recently-viewed-home #result-pd-seen-home .slick-list {
      padding-right: 2px;
      padding-bottom: 2px; }
    .section-recently-viewed-home #result-pd-seen-home .slick-dots {
      bottom: -20px; }

/* Flash sale — KHU VUI CHƠI (nền trời / cỏ) */
#section-flash-sale.fs-playground {
  padding-bottom: 20px;
  overflow-x: hidden;
  /* Ảnh sp lớp dưới — khung PNG là lớp overlay phía trên (trong cùng frame-inner) */
  /* Khung flash sale PNG — lớp trên cùng, không chặn click (link xem sp bên dưới) */
  /* Tránh double -webkit-box (h3 + a từ .product-block) và height/padding cố định — gây cắt ngang dưới ellipsis trên mobile */
  /* Cùng lề trái/phải với .fs-tabs-wrap (12px). Không dùng margin âm để tránh mất padding phải. */
  /* Trước khi Slick init: cùng gap 12px + tỉ lệ cột như sau init — tránh “giật” khi slick load */ }
  #section-flash-sale.fs-playground .fs-playground__inner {
    position: relative;
    border-radius: 12px;
    /* Cắt nội dung/slick tràn ngang; box-shadow vẫn hiển thị bên ngoài khối */
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 40, 0.12); }
  #section-flash-sale.fs-playground .fs-playground__sky {
    border-radius: 0 0 12px 12px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
  #section-flash-sale.fs-playground .fs-topbar {
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: var(--bgflashsale); }
  #section-flash-sale.fs-playground .fs-countdown {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2px 6px;
    align-items: flex-end; }
    #section-flash-sale.fs-playground .fs-countdown li {
      list-style: none; }
    #section-flash-sale.fs-playground .fs-countdown .fs-countdown__unit {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px; }
      #section-flash-sale.fs-playground .fs-countdown .fs-countdown__unit strong {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        min-height: 36px;
        padding: 4px 6px;
        background: #fff;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 700;
        color: #111;
        line-height: 1.1; }
      #section-flash-sale.fs-playground .fs-countdown .fs-countdown__unit small {
        font-size: 10px;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.95);
        text-transform: none;
        line-height: 1; }
  #section-flash-sale.fs-playground .fs-countdown__sep {
    font-weight: 800;
    color: #fff;
    font-size: 18px;
    padding: 0 2px 14px;
    user-select: none;
    align-self: center; }
  #section-flash-sale.fs-playground .fs-playground__title {
    flex: 1;
    text-align: center;
    margin: 0;
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 800;
    font-style: italic;
    color: #ffff33;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    letter-spacing: 0.02em; }
  #section-flash-sale.fs-playground .fs-playground__bolt {
    margin-right: 6px; }
  #section-flash-sale.fs-playground .fs-playground__cta {
    display: inline-block;
    padding: 8px 14px;
    background: #ffff00;
    color: #111;
    font-weight: 700;
    font-size: 13px;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); }
    #section-flash-sale.fs-playground .fs-playground__cta:hover {
      filter: brightness(0.95);
      color: #111; }
  #section-flash-sale.fs-playground .fs-tabs-wrap {
    padding: 0 12px;
    margin-top: 0;
    background: transparent; }
  #section-flash-sale.fs-playground .fs-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 10px 0 4px;
    align-items: flex-end; }
  #section-flash-sale.fs-playground .fs-tabs__item {
    list-style: none;
    margin: 0; }
    #section-flash-sale.fs-playground .fs-tabs__item.is-active .fs-tabs__link {
      background: #fff;
      font-weight: 700;
      color: #111;
      border-color: #fff; }
  #section-flash-sale.fs-playground .fs-tabs__link {
    display: block;
    padding: 8px 14px 10px;
    border-radius: 8px 8px 8px 8px;
    background: rgba(255, 255, 255, 0.35);
    color: #111;
    text-decoration: none;
    font-size: 13px;
    border: 1px solid rgba(0, 0, 0, 0.06); }
    #section-flash-sale.fs-playground .fs-tabs__link:hover {
      background: rgba(255, 255, 255, 0.6);
      color: #111; }
  #section-flash-sale.fs-playground .fs-sale-card {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); }
    #section-flash-sale.fs-playground .fs-sale-card .product-sale {
      display: none; }
    #section-flash-sale.fs-playground .fs-sale-card .product-grid-specs {
      margin: 6px 0 4px;
      padding: 6px 8px;
      font-size: 11px;
      line-height: 1.25; }
    #section-flash-sale.fs-playground .fs-sale-card .product-grid-specs__row--parsed {
      gap: 4px 6px; }
    #section-flash-sale.fs-playground .fs-sale-card .product-grid-specs__cell {
      max-width: 100%; }
    #section-flash-sale.fs-playground .fs-sale-card .product-grid-specs__icon-img {
      width: 16px;
      height: 16px;
      object-fit: contain;
      flex-shrink: 0; }
    #section-flash-sale.fs-playground .fs-sale-card .product-grid-specs__icon-class {
      flex-shrink: 0;
      font-size: 14px;
      line-height: 1;
      color: var(--grid-specs-icon, #666); }
    #section-flash-sale.fs-playground .fs-sale-card .product-grid-specs__text {
      max-width: 8.5em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  #section-flash-sale.fs-playground .fs-sale-card__frame {
    width: 100%;
    position: relative;
    aspect-ratio: 1;
    background-color: #f5f5f5;
    overflow: hidden; }
  #section-flash-sale.fs-playground .fs-sale-card__frame-inner {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    min-height: 0;
    overflow: hidden; }
    #section-flash-sale.fs-playground .fs-sale-card__frame-inner .product-img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      margin: 0; }
    #section-flash-sale.fs-playground .fs-sale-card__frame-inner .product-img .image-resize {
      display: block !important;
      height: 100%;
      width: 100%; }
    #section-flash-sale.fs-playground .fs-sale-card__frame-inner .product-img .image-resize img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center center; }
    #section-flash-sale.fs-playground .fs-sale-card__frame-inner .product-img .image-resize img.img-hover {
      height: 100%;
      object-fit: cover; }
  #section-flash-sale.fs-playground .fs-sale-card__frame-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  #section-flash-sale.fs-playground .fs-sale-card .product-detail {
    padding: 4px 8px 10px;
    flex: 1;
    display: flex;
    flex-direction: column; }
  #section-flash-sale.fs-playground .fs-sale-card__name {
    display: block;
    margin: 0;
    overflow: visible;
    min-height: 0; }
    #section-flash-sale.fs-playground .fs-sale-card__name a {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-size: 13px;
      line-height: 1.35;
      height: auto;
      min-height: 0;
      padding-top: 0;
      padding-bottom: 0; }
  #section-flash-sale.fs-playground .fs-sale-card__prices {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px; }
  #section-flash-sale.fs-playground .fs-sale-card__old {
    display: block;
    width: 100%;
    order: -1;
    font-size: 12px;
    margin-bottom: 2px; }
  #section-flash-sale.fs-playground .fs-sale-card__sale {
    font-weight: 800;
    color: #E30019;
    font-size: 15px; }
  #section-flash-sale.fs-playground .fs-sale-card__disc {
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid #E30019;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    color: #E30019; }
  #section-flash-sale.fs-playground .fs-sale-card__review {
    margin-top: 6px;
    font-size: 12px;
    justify-content: flex-start !important; }
  #section-flash-sale.fs-playground .fs-sale-card__status {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 8px 12px;
    border: none;
    border-radius: 999px;
    background: #E30019;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: default;
    pointer-events: none; }
  #section-flash-sale.fs-playground .fs-carousel-wrap {
    padding: 0 12px;
    box-sizing: border-box;
    overflow: hidden; }
  #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs:not(.slick-initialized) {
    display: flex !important;
    flex-flow: row nowrap;
    gap: 12px;
    overflow: hidden;
    align-items: stretch; }
    #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs:not(.slick-initialized) .item-owl.fs-slide {
      flex: 0 0 calc((100% - 48px) / 5);
      max-width: calc((100% - 48px) / 5);
      min-width: 0;
      box-sizing: border-box; }
    @media (max-width: 1200px) {
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs:not(.slick-initialized) .item-owl.fs-slide {
        flex: 0 0 calc((100% - 24px) / 3);
        max-width: calc((100% - 24px) / 3); } }
    @media (max-width: 767px) {
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs:not(.slick-initialized) .item-owl.fs-slide {
        flex: 0 0 calc((100% - 12px) / 2);
        max-width: calc((100% - 12px) / 2); } }
  #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs {
    position: relative;
    z-index: 1;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 0 22px;
    /* Khe giữa 2 sản phẩm: padding hai bên slide (Slick tính width đã gồm padding nếu box-sizing) */
    /* Mũi tên: nhỏ gọn, icon căn giữa (override .slick-callback anchor left/right/bottom trên .arrow-custom) */ }
    #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-list {
      margin-left: -6px;
      margin-right: -6px; }
    #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-slide {
      padding-left: 6px;
      padding-right: 6px;
      box-sizing: border-box;
      height: auto; }
    #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-slide .item-owl.fs-slide {
      padding-left: 0;
      padding-right: 0; }
    #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow,
    #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      padding: 0;
      border-radius: 50%;
      background: #e0e0e0 !important;
      box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
      border: none;
      z-index: 8;
      top: 31%;
      margin-top: 0;
      transform: translateY(-50%);
      opacity: 1; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow:hover,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow:hover {
        background: #d2d2d2 !important; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow.slick-prev,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow.slick-prev {
        left: 10px; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow.slick-next,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow.slick-next {
        right: 10px; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow.slick-disabled,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow.slick-disabled {
        opacity: 0.35; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow span.arrow-custom,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow span.arrow-custom {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        width: 40px;
        transform: scale(0.62);
        transform-origin: center center;
        pointer-events: none; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow span.arrow-custom.arrow-left,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow span.arrow-custom.arrow-right,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow span.arrow-custom.arrow-left,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow span.arrow-custom.arrow-right {
        left: auto !important;
        right: auto !important;
        bottom: auto !important; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow span.arrow-custom .arrow-top,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs.slick-slider > .slick-arrow span.arrow-custom .arrow-bottom,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow span.arrow-custom .arrow-top,
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow span.arrow-custom .arrow-bottom {
        background-color: #4a4a4a !important; }
    #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots {
      bottom: 5px;
      left: 0;
      right: 0;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0 10px;
      transform: none;
      line-height: 1;
      box-sizing: border-box;
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots::-webkit-scrollbar {
        display: none; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots li {
        margin: 0 4px;
        flex: 0 0 auto; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots li button {
        width: 8px;
        height: 8px;
        padding: 0;
        border-color: #E30019; }
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots li.slick-active button {
        background: #E30019; }
    @media only screen and (max-width: 767px) {
      #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 0 20px;
        /* Giữ chấm trong vùng carousel — tránh margin/width âm gây scroll ngang toàn trang */ }
        #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-list {
          margin-left: -5px;
          margin-right: -5px; }
        #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-slide {
          padding-left: 5px;
          padding-right: 5px; }
        #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-arrow {
          display: none !important; }
        #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots {
          margin-left: 0;
          margin-right: 0;
          width: 100%;
          max-width: 100%;
          padding: 0 6px;
          box-sizing: border-box; }
          #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots li {
            margin: 0 2px; }
          #section-flash-sale.fs-playground #owl-collection-flash-sale.fs-slick--align-tabs .slick-dots li button {
            width: 5px;
            height: 5px; } }
  #section-flash-sale.fs-playground .fs-view-more {
    padding: 4px 12px 14px;
    margin-top: 2px; }
  #section-flash-sale.fs-playground .fs-view-more__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    padding: 6px 16px;
    background: rgba(255, 255, 255, 0.92);
    color: #333;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.35;
    border-radius: 999px;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease; }
    #section-flash-sale.fs-playground .fs-view-more__btn::after {
      content: "";
      display: block;
      width: 5px;
      height: 5px;
      margin-left: 1px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: rotate(-45deg);
      opacity: 0.75; }
    #section-flash-sale.fs-playground .fs-view-more__btn:hover {
      background: #fff;
      color: #E30019;
      border-color: rgba(227, 0, 25, 0.35);
      box-shadow: 0 2px 6px rgba(227, 0, 25, 0.12); }
  @media only screen and (max-width: 767px) {
    #section-flash-sale.fs-playground .fs-topbar {
      justify-content: center; }
    #section-flash-sale.fs-playground .fs-playground__title {
      order: 3;
      width: 100%;
      flex: 1 1 100%; }
    #section-flash-sale.fs-playground .fs-countdown {
      width: 100%;
      justify-content: center; }
    #section-flash-sale.fs-playground .fs-playground__cta {
      width: 100%;
      text-align: center; } }

.section_collection_group .wd-top-title h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  padding-left: 12px;
  border-left: 3px solid;
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .section_collection_group .wd-top-title h2 {
      font-size: 15px; } }

.section_collection_group .menu-col {
  padding: 10px 0px;
  margin-bottom: 15px; }
  .section_collection_group .menu-col li {
    padding-left: 8px;
    flex: 0 0 auto; }
    .section_collection_group .menu-col li:first-child {
      padding-left: 0; }
    .section_collection_group .menu-col li a {
      padding: 8px;
      border: 1px solid #ededed;
      border-radius: 5px;
      background: #ededed; }
      .section_collection_group .menu-col li a:hover {
        border-color: var(--colorshophover);
        background: var(--colorshophover);
        color: #fff; }

@media only screen and (max-width: 767px) {
  .section_collection_group .btn-view-all-tab {
    margin-top: 5px; } }

.section_collection_group .btn-view-all-tab a {
  border: 1px solid var(--bg_button);
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  min-width: 200px;
  color: var(--color_button);
  background: var(--bg_button); }
  .section_collection_group .btn-view-all-tab a:hover {
    background: var(--color_button);
    color: var(--bg_button); }

.btn-view-all {
  display: block;
  margin-top: 20px; }
  .btn-view-all a {
    background: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    min-width: 200px; }
    .btn-view-all a:hover {
      background: var(--bg_button);
      color: var(--color_button); }

.group-collection-new .item-block {
  flex: 0 0 50%;
  padding: 2.5px 10px; }
  @media only screen and (max-width: 767px) {
    .group-collection-new .item-block {
      flex: 0 0 100%;
      width: 100%; }
      .group-collection-new .item-block:first-child {
        margin-bottom: 30px; } }
  .group-collection-new .item-block .bg-color {
    background: #fff;
    height: 100%;
    padding: 15px;
    border-radius: 5px; }
    @media only screen and (max-width: 767px) {
      .group-collection-new .item-block .bg-color {
        padding: 15px 10px; } }
  .group-collection-new .item-block .top-head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px; }
    .group-collection-new .item-block .top-head h2 {
      margin: 0;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      padding-left: 12px;
      border-left: 3px solid; }
      @media (max-width: 767px) {
        .group-collection-new .item-block .top-head h2 {
          font-size: 15px; } }
    .group-collection-new .item-block .top-head a {
      color: #828282; }
  .group-collection-new .item-block .body-col .right-content {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 12px; }
    .group-collection-new .item-block .body-col .right-content .slick-dots {
      bottom: -28px; }
    @media only screen and (max-width: 767px) {
      .group-collection-new .item-block .body-col .right-content {
        flex: 0 0 100%; }
        .group-collection-new .item-block .body-col .right-content .slick-dots {
          bottom: -24px; } }
    .group-collection-new .item-block .body-col .right-content .item-pro {
      margin-bottom: 15px;
      padding-right: 0; }

.section_collection_default .slick-callback .slick-arrow .arrow-custom > div {
  background-color: #ccc; }

#section-four-banner .item-banner {
  flex: 1;
  padding-left: 15px; }
  @media only screen and (max-width: 767px) {
    #section-four-banner .item-banner {
      flex: 0 0 70%;
      width: 70%; } }

.banner-hover > a {
  position: relative;
  overflow: hidden;
  display: block;
  transition: none;
  border-radius: 5px; }
  .banner-hover > a:before, .banner-hover > a:after {
    position: absolute;
    z-index: 9;
    content: "";
    opacity: 0;
    transition: all .5s ease-in-out; }
  .banner-hover > a:before {
    top: 15px;
    right: 10px;
    bottom: 15px;
    left: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
    transform-origin: center; }
  .banner-hover > a:after {
    top: 5px;
    right: 20px;
    bottom: 0;
    left: 20px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(1, 0);
    transform-origin: center;
    height: calc(100% - 10px); }
  .banner-hover > a:hover:before, .banner-hover > a:hover:after {
    opacity: 1;
    transform: scale(1); }
  .banner-hover > a:hover img {
    transform: scale(1.1); }

#section-home-blog .home-blog-split {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

#section-home-blog .home-blog-split__pane {
  min-width: 0; }
  #section-home-blog .home-blog-split__pane--first {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8; }

#section-home-blog .item-block {
  padding: 2.5px 10px; }
  @media only screen and (max-width: 767px) {
    #section-home-blog .item-block {
      flex: 0 0 100%;
      width: 100%; } }
  #section-home-blog .item-block .bg-color {
    background: #fff;
    height: 100%;
    padding: 15px;
    border-radius: 5px; }
    @media only screen and (max-width: 767px) {
      #section-home-blog .item-block .bg-color {
        padding: 15px 10px; } }
  #section-home-blog .item-block .top-head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px; }
    #section-home-blog .item-block .top-head h2 {
      margin: 0;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      padding-left: 12px;
      border-left: 3px solid; }
      @media (max-width: 767px) {
        #section-home-blog .item-block .top-head h2 {
          font-size: 15px; } }
    #section-home-blog .item-block .top-head a {
      color: #1a73e8;
      white-space: nowrap; }

#section-home-blog .home-blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 10px;
  align-items: start; }
  @media only screen and (min-width: 992px) {
    #section-home-blog .home-blog-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px 15px; } }

#section-home-blog .home-blog-card {
  min-width: 0; }
  #section-home-blog .home-blog-card .blog-post--grid {
    display: flex;
    flex-direction: column;
    height: 100%; }
  #section-home-blog .home-blog-card__media {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5; }
  #section-home-blog .home-blog-card__thumb {
    display: block;
    aspect-ratio: 16 / 9; }
    #section-home-blog .home-blog-card__thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 6px;
      vertical-align: middle; }
  #section-home-blog .home-blog-card__tag {
    position: absolute;
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 16px);
    padding: 3px 8px;
    font-size: 11px;
    line-height: 1.3;
    color: #fff;
    background: rgba(229, 57, 53, 0.95);
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #section-home-blog .home-blog-card .blog-post-content {
    margin-top: 10px;
    padding: 0; }
    #section-home-blog .home-blog-card .blog-post-content .blog-title {
      margin: 0; }
      #section-home-blog .home-blog-card .blog-post-content .blog-title > a {
        color: #000;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.banner-effect {
  position: relative;
  overflow: hidden;
  display: block; }
  .banner-effect img {
    border-radius: 3px; }
  .banner-effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .banner-effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s; }

/* Home product showcase 5.1–5.10 */
.home-product-showcase {
  /* 2px mỗi bên: chừa chỗ cho border + box-shadow ô đầu/cuối (tránh bị .slick-list cắt) */
  /*
	 * Trước khi Slick init: flex + gap + width cột khớp sau init — tránh ô dính sát rồi mới giãn (layout shift).
	 * Khe 4px giữa 2 SP = gap 4px (5 cột: 4 khe → trừ 16px).
	 */
  /* Mũi tên prev/next giống flash sale (#owl-collection-flash-sale.fs-slick--align-tabs) */
  /* Border toàn thẻ sản phẩm + giá căn trái */ }
  .home-product-showcase__box {
    background: #fff;
    height: 100%;
    border-radius: 5px; }
  .home-product-showcase__section-header.section-header {
    padding: 12px 28px 12px 24px; }
  .home-product-showcase__section-content.section-content {
    width: 100%;
    min-width: 0;
    padding: 6px; }
  .home-product-showcase__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    margin-bottom: 0; }
  .home-product-showcase__head-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0; }
  .home-product-showcase__title {
    margin: 0;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.25;
    color: #333333; }
    @media only screen and (max-width: 767px) {
      .home-product-showcase__title {
        font-size: 15px; } }
  .home-product-showcase__sep {
    color: #bdbdbd;
    font-weight: 300;
    user-select: none;
    height: 100%;
    font-size: 22px; }
  .home-product-showcase__installment {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #333333;
    font-size: 18px;
    font-weight: 600; }
  .home-product-showcase__installment-icon {
    flex-shrink: 0;
    color: #e30019; }
  .home-product-showcase__head-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px 16px;
    flex: 1 1 auto;
    min-width: 0; }
    @media only screen and (max-width: 767px) {
      .home-product-showcase__head-right {
        width: 100%;
        justify-content: space-between; } }
  .home-product-showcase__nav {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 6px 14px;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .home-product-showcase__nav li {
      flex: 0 0 auto;
      padding: 0; }
      .home-product-showcase__nav li a {
        display: block;
        padding: 4px 0;
        font-size: 14px;
        color: var(--colorshop, #333);
        border: none;
        background: transparent;
        white-space: nowrap; }
        .home-product-showcase__nav li a:hover {
          color: var(--colorshophover, #1d4585); }
  .home-product-showcase__view-all {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1a73e8;
    white-space: nowrap; }
    .home-product-showcase__view-all:hover {
      text-decoration: underline; }
  .home-product-showcase__slider-wrap {
    position: relative;
    padding: 0 2px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0; }
  .home-product-showcase__slick--fs-arrows:not(.slick-initialized) {
    display: flex !important;
    flex-flow: row nowrap;
    gap: 4px;
    overflow: hidden;
    align-items: stretch; }
    .home-product-showcase__slick--fs-arrows:not(.slick-initialized) .home-product-showcase__slide.item-owl {
      flex: 0 0 calc((100% - 16px) / 5);
      max-width: calc((100% - 16px) / 5);
      min-width: 0;
      box-sizing: border-box; }
    @media (max-width: 1200px) {
      .home-product-showcase__slick--fs-arrows:not(.slick-initialized) .home-product-showcase__slide.item-owl {
        flex: 0 0 calc((100% - 8px) / 3);
        max-width: calc((100% - 8px) / 3); } }
    @media (max-width: 767px) {
      .home-product-showcase__slick--fs-arrows:not(.slick-initialized) .home-product-showcase__slide.item-owl {
        flex: 0 0 calc((100% - 4px) / 2);
        max-width: calc((100% - 4px) / 2); } }
  .home-product-showcase__slick--fs-arrows {
    position: relative;
    z-index: 1;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    /* Khe giữa 2 sản phẩm = 4px tổng: mỗi slide padding trái/phải 2px */ }
    .home-product-showcase__slick--fs-arrows .slick-list {
      margin-left: -2px;
      margin-right: -2px;
      overflow: hidden; }
    .home-product-showcase__slick--fs-arrows .slick-slide {
      padding-left: 2px;
      padding-right: 2px;
      box-sizing: border-box;
      height: auto; }
    .home-product-showcase__slick--fs-arrows .slick-slide .home-product-showcase__slide {
      padding-left: 0;
      padding-right: 0; }
    .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow,
    .home-product-showcase__slick--fs-arrows .slick-arrow {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      padding: 0;
      border-radius: 50%;
      background: #e0e0e0 !important;
      box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
      border: none;
      z-index: 8;
      top: 31%;
      margin-top: 0;
      transform: translateY(-50%);
      opacity: 1; }
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow:hover,
      .home-product-showcase__slick--fs-arrows .slick-arrow:hover {
        background: #d2d2d2 !important; }
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow.slick-prev,
      .home-product-showcase__slick--fs-arrows .slick-arrow.slick-prev {
        left: 10px; }
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow.slick-next,
      .home-product-showcase__slick--fs-arrows .slick-arrow.slick-next {
        right: 10px; }
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow.slick-disabled,
      .home-product-showcase__slick--fs-arrows .slick-arrow.slick-disabled {
        opacity: 0.35; }
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow span.arrow-custom,
      .home-product-showcase__slick--fs-arrows .slick-arrow span.arrow-custom {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        width: 40px;
        transform: scale(0.62);
        transform-origin: center center;
        pointer-events: none; }
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow span.arrow-custom.arrow-left,
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow span.arrow-custom.arrow-right,
      .home-product-showcase__slick--fs-arrows .slick-arrow span.arrow-custom.arrow-left,
      .home-product-showcase__slick--fs-arrows .slick-arrow span.arrow-custom.arrow-right {
        left: auto !important;
        right: auto !important;
        bottom: auto !important; }
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow span.arrow-custom .arrow-top,
      .home-product-showcase__slick--fs-arrows.slick-slider > .slick-arrow span.arrow-custom .arrow-bottom,
      .home-product-showcase__slick--fs-arrows .slick-arrow span.arrow-custom .arrow-top,
      .home-product-showcase__slick--fs-arrows .slick-arrow span.arrow-custom .arrow-bottom {
        background-color: #4a4a4a !important; }
  .home-product-showcase__slide {
    height: 100%; }
  .home-product-showcase__card {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); }
    .home-product-showcase__card .product-detail {
      text-align: left;
      align-items: flex-start; }
    .home-product-showcase__card .pro-name a {
      text-align: left; }
    .home-product-showcase__card .pro-price {
      justify-content: flex-start;
      align-items: flex-start; }
  .home-product-showcase__prices {
    margin-top: 4px;
    width: 100%;
    text-align: left;
    align-self: stretch; }
  .home-product-showcase__price-line {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    gap: 4px; }
  .home-product-showcase__compare {
    font-size: 12px;
    color: #888;
    display: block;
    width: 100%;
    text-align: left; }
  .home-product-showcase__price-row {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    text-align: left; }
  .home-product-showcase__current {
    font-size: 16px;
    font-weight: 700;
    color: #e70303; }
    @media only screen and (max-width: 767px) {
      .home-product-showcase__current {
        font-size: 14px; } }
  .home-product-showcase__discount {
    font-size: 12px;
    font-weight: 700;
    color: #c62828;
    background: rgba(227, 0, 25, 0.12);
    border: 1px solid rgba(227, 0, 25, 0.28);
    border-radius: 3px;
    padding: 2px 6px;
    line-height: 1.2; }
  .home-product-showcase__meta {
    margin-top: 6px;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-start !important;
    width: 100%; }