/** Shopify CDN: Minification failed

Line 438:0 Unexpected "<"
Line 496:0 Unexpected "<"

**/
/* HOME PAGE */
/* Mutil Colum with icon (Dưới Video) */
.multicolumn-card--layout-left .multicolumn-card__image{
  margin-top: 0px !important; 
}
.multicolumn-card__text.rich-text__text.rte.text-base.text-subtext{
  margin-top:0px;
}
/*Tăng padding trái phải 3 icon dưới Video */
@media screen and (min-width: 768px) {
#shopify-section-template--19031670653086__multicolumn_icon_qdE7pH .section__container.page-width.page-width--fixed.xl\:items-center{
  display:flex;
  justify-content:center;
}
}
/* Image With Text: USP1 Section */
@media screen and (min-width: 768px) {
  #section-template--21055622611102__image_with_text_4BhnX6 .blocks-radius,
  #section-template--21055622611102__image_with_text_4BhnX6 .media-wrapper img {
    border-radius: 0 !important;
  }

  #section-template--21055622611102__image_with_text_4BhnX6 .section__container,
  #section-template--21055622611102__image_with_text_4BhnX6 .image-with-text__wrapper,
  #section-template--21055622611102__image_with_text_4BhnX6 .image-with-text__media {
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding-right:0 !important;
  }
 #section-template--21055622611102__image_with_text_4BhnX6 .image-with-text__content.w-full.rich-text.md\:text-left.text-left{
    margin-right:70px;
  }
  #section-template--21055622611102__image_with_text_4BhnX6 .image-with-text__media {
    width: 100% !important;
  }

  #section-template--21055622611102__image_with_text_4BhnX6 .image-with-text__wrapper {
    gap: 0 !important;
  }

  #section-template--21055622611102__image_with_text_4BhnX6 .icon-with-text {
    align-items: center !important;
  }
}

@media screen and (max-width: 767px) {
  #section-template--21055622611102__image_with_text_4BhnX6 .section__container {
    padding-bottom: 30px;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
#section-template--21055622611102__image_with_text_4BhnX6 .image-with-text__content.w-full.rich-text.md\:text-left.text-left{
  margin-left:20px;
  padding-right:30px;
}
  #section-template--21055622611102__image_with_text_4BhnX6 .blocks-radius,
  #section-template--21055622611102__image_with_text_4BhnX6 .media-wrapper img {
    border-radius: 0 !important;
  }
}

/* Image With Text: USP2 Section */
@media screen and (min-width: 768px) {
  #shopify-section-template--21055622611102__image_with_text_rBJHWV .blocks-radius,
  #shopify-section-template--21055622611102__image_with_text_rBJHWV .media-wrapper img {
    border-radius: 0 !important;
  }

  #shopify-section-template--21055622611102__image_with_text_rBJHWV .section__container,
  #shopify-section-template--21055622611102__image_with_text_rBJHWV .image-with-text__wrapper,
  #shopify-section-template--21055622611102__image_with_text_rBJHWV .image-with-text__media {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #shopify-section-template--21055622611102__image_with_text_rBJHWV .image-with-text__content.w-full.rich-text.md\:text-left.text-left{
    margin-left:70px;
  }

  #shopify-section-template--21055622611102__image_with_text_rBJHWV .image-with-text__media {
    width: 100% !important;
  }

  #shopify-section-template--21055622611102__image_with_text_rBJHWV .image-with-text__wrapper {
    gap: 0 !important;
  }

  #shopify-section-template--21055622611102__image_with_text_rBJHWV .icon-with-text {
    align-items: center !important;
  }
}
@media screen and (max-width: 767px) {
#section-template--21055622611102__image_with_text_rBJHWV .section__container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 30px;
  }
#section-template--21055622611102__image_with_text_rBJHWV .image-with-text__content.w-full.rich-text.md\:text-left.text-left{
  margin-left:20px;
  padding-right:30px;
}
  #section-template--21055622611102__image_with_text_rBJHWV .blocks-radius,
  #section-template--21055622611102__image_with_text_rBJHWV .media-wrapper img {
    border-radius: 0 !important;
  }
}

/* Điều chỉnh section Shop by collections */
@media screen and (min-width: 768px) {
#shopify-section-template--20298757963934__slideshow_KXLkBg .slideshow__text.rich-text.text-right.md\:text-left{
  margin-left: 50px !important;
}
#shopify-section-template--20298757963934__slideshow_KXLkBg .swiper-controls.swiper-controls--grouped.swiper-controls--float-bottom.swiper-controls--pagination-bullets.bg-none.flex.items-center.justify-center.color-scheme-3{
  display: flex;
    justify-content: flex-end;
    padding-right: 50px;
}
}
@media screen and (max-width: 767px) {
  #shopify-section-template--20298757963934__slideshow_KXLkBg .slideshow__buttons .btn {
    font-size: 14px !important;
  }

  #shopify-section-template--20298757963934__slideshow_KXLkBg .slideshow__content {
    display: flex !important;
    flex-direction: column !important;   /* Xếp nội dung theo cột */
    justify-content: flex-start !important; /* Đẩy lên trên */
    align-items: flex-start !important;  /* Canh trái toàn bộ nội dung */
    padding: 0 0 0 40px !important;      /* Chỉ giữ padding trái */
    text-align: left !important;         /* Giữ text trái */
    gap: 6px;                             /* Khoảng cách đồng đều giữa các phần tử */
    min-height: 180px;                    /* Giữ chiều cao cố định để text không nhảy */
  }

  #shopify-section-template--20298757963934__slideshow_KXLkBg .slideshow__title {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin: 0 !important;                 /* Loại bỏ margin gây nhảy */
  }

  #shopify-section-template--20298757963934__slideshow_KXLkBg .slideshow__text {
    text-align: left !important;
    margin: 0 !important;
  }

  #shopify-section-template--20298757963934__slideshow_KXLkBg .rich-text>*+*:is(.rich-text__text) {
    margin-top: 0 !important;
  }

  #shopify-section-template--20298757963934__slideshow_KXLkBg .slideshow__buttons.rich-text__button {
    margin-top: 10px !important;
  }
}


/* Custom section Review */
#shopify-section-template--20298757963934__multicolumn_Nxkkrr .multicolumn-card {
  background-color: #ffffff; /* Màu nền giống hình ảnh */
  border-radius: 16px; /* Bo góc nhẹ */
  padding: 24px; /* Padding đều các phía */
}
@media screen and (max-width: 767px) {
#shopify-section-template--20298757963934__multicolumn_Nxkkrr .multicolumn-card {
  background-color: #ffffff; /* Màu nền giống hình ảnh */
  border-radius: 16px; /* Bo góc nhẹ */
  padding: 24px !important; /* Padding đều các phía */
}
}
/* Custom section About SunHouse */

#shopify-section-template--20298757963934__multicolumn_TYgeCV .section__heading {
  color: #0D7182 !important;
}
#shopify-section-template--20298757963934__multicolumn_TYgeCV .multicolumn-card {
  background-color: #ece7db; /* Màu nền giống hình ảnh */
  border-radius: 16px; /* Bo góc nhẹ */
  padding: 24px; /* Padding đều các phía */
}
@media screen and (max-width: 767px) {
#shopify-section-template--20298757963934__multicolumn_TYgeCV .multicolumn-card {
  background-color: #ece7db; /* Màu nền giống hình ảnh */
  border-radius: 16px; /* Bo góc nhẹ */
  padding: 24px!important; /* Padding đều các phía */
}
}
/* Giảm padding của Scrolling promotion */

  /* Bỏ padding phải của hình */
  .scrolling-promotion .promotion__item-image {
    padding-right: 0 !important;
    padding-top: 5px !important;
  }

  /* Giữ lại padding trái 10px cho phần chữ */
  .scrolling-promotion .promotion__item-text {
    padding-left: 10px !important;
  }
/* Section About Sun House Image with text overlay */
@media screen and (min-width: 768px) {
  /* Bỏ giới hạn .page-width */
  #shopify-section-template--18965612888222__image_with_text_overlay_wgpL97 .image-with-text-ovelay__content-wrapper.page-width {
    max-width: none !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  /* Giới hạn chiều rộng phần chữ bên trong */
  #shopify-section-template--18965612888222__image_with_text_overlay_wgpL97 .rich-text {
    max-width: 600px !important;
    width: 100%;
  }
}


/* PRODCUT PAGE */
/* CUSTOM CHÍNH CHO NÚT ADD TO CART */
/* 1. TRẠNG THÁI GỐC: ÁP DỤNG CHO TẤT CẢ NÚT ADD TO CART */
.product-form__submit.btn {
    background-color: #DB2128 !important;
    border: 1px solid #DB2128 !important;
    color: #FFFFFF !important;
    transition: all 0.4s ease !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Đảm bảo chữ bên trong luôn trắng */
.product-form__submit.btn span, 
.product-form__submit.btn .btn__text {
    color: #FFFFFF !important;
}

/* 2. GIỮ HIỆU ỨNG TRƯỢT NHƯNG ĐỔI MÀU LỚP PHỦ (HOVER) */
/* Màu #333333 là màu đen than, bạn có thể thay mã màu khác tại đây */
.product-form__submit.btn::before,
.product-form__submit.btn::after {
    background-color: #FFDCDD !important; 
    z-index: -1 !important;
}

/* 3. TRẠNG THÁI KHI DI CHUỘT VÀO (HOVER) */
.product-form__submit.btn:hover {
    background-color: transparent !important; /* Để hiện lớp trượt màu đen bên dưới */
    border-color: #DB2128 !important;
    color: #FFFFFF !important;
}

/* Fix lỗi chữ bị đổi màu không mong muốn từ code cũ khi hover */
.product-form__submit.btn:hover span,
.product-form__submit.btn:hover .btn__text {
    color: #DB2128 !important;
}
/* Style mặc định cho variant label */
.product-form__input--button-normal label {
  background-color: white !important;
  color: #108A9F !important;
  border: 2px solid #108A9F !important;
  font-weight: bolder !important;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.25s ease;
  display: inline-block;
}

/* Hover và focus */
.product-form__input--button-normal label:hover,
.product-form__input--button-normal input[type="radio"]:focus + label {
  background-color: #108A9F !important;
  color: white !important;
  border-color: white !important;
  font-weight: bold !important;
}

/* Khi được chọn */
.product-form__input--button-normal input[type="radio"]:checked + label {
  background-color: #108A9F !important;
  color: white !important;
  border-color: white !important;
  font-weight: bold !important;
}


@media screen and (min-width: 768px) {
#shopify-section-template--19017115730078__main .product-card__action-button{
  background-color: #136573;
  border: none;
}
.product-card__action-button:hover,
.product-card__action-button:focus {
  border: 1.5px solid #136573 !important;
}
}
/* Sửa lỗi mất chữ: Ép màu trắng và đẩy chữ lên trên cùng */
#ProductSubmitButton-template--20133349359774__main:hover div,
#ProductSubmitButton-template--20133349359774__main:hover span {
    color: #ffffff !important;       /* 1. Ép chữ thành màu Trắng */
    position: relative !important;   /* 2. Định vị lại vị trí */
    z-index: 99 !important;          /* 3. Đưa chữ nổi lên trên lớp nền */
    background: transparent !important; /* Đảm bảo khung bao chữ không có nền riêng */
}

/* Đảm bảo nút giữ màu nền mong muốn khi hover */
#ProductSubmitButton-template--20133349359774__main:hover {
    /* Nếu màu nền trong video là đúng ý bạn thì không cần sửa dòng dưới */
    /* background-color: #127883 !important; */ 
}
/* --- FIX LỖI DỰA TRÊN ID (Smart Selector) --- */

/* --- FIX PRE-ORDER: NỀN TRƯỢT TRẮNG + CHỮ XANH --- */

/* 1. Cấu hình CHỮ và ICON khi Hover (Chuyển sang màu Xanh) */
button[id*="submit"].vcf-pre-order:hover div,
button[id*="submit"].vcf-pre-order:hover span,
button[id*="submit"].vcf-pre-order:hover .btn__text {
    color: #127883 !important;      /* Chữ hóa Xanh khi nền trắng trượt ra */
    position: relative !important;
    z-index: 50 !important;         /* Nằm đè lên lớp trượt */
    background: transparent !important;
    transition: color 0.2s ease;
}

/* 2. Xử lý ICON đồng bộ màu Xanh */
button[id*="submit"].vcf-pre-order:hover svg,
button[id*="submit"].vcf-pre-order:hover svg path {
    fill: #127883 !important;       
    stroke: transparent !important;
}

/* 3. Cấu hình LỚP TRƯỢT (Background Animation) */
button[id*="submit"].vcf-pre-order::before,
button[id*="submit"].vcf-pre-order::after {
    z-index: 1 !important;          /* Nằm dưới chữ */
    opacity: 1 !important;          /* Bật hiệu ứng trượt */
    
    /* QUAN TRỌNG: Đổi nền trượt thành TRẮNG TINH */
    background-color: #ffffff !important; 
    
    content: "" !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. Thêm viền Xanh (Để khi nút hóa trắng không bị chìm vào nền web) */
button[id*="submit"].vcf-pre-order:hover {
    border: 1px solid #127883 !important; /* Viền xanh bao quanh */
    background-color: transparent !important; /* Nền gốc trong suốt để thấy lớp trượt trắng */
}
/* POLICY PAGE */
/* Điều chỉnh định dạng h2 của các trang policy được làm bằng page */
.page__content.rich-text__text h2 {
  font-weight: 700 !important;
  font-size: 32px !important;
}
/* Tăng padding-bottom heading 1 của trang Warrranty */
#shopify-section-template--19065427493022__main .page__title {
  padding-bottom: 30px !important; /* Tăng từ 30px lên 60px (hoặc giá trị bạn muốn) */
}


/* ABOUT US */
/* Ẩn section Business Partners 2 dòng trên mobile */
@media screen and (max-width: 767px) {
  #shopify-section-template--20298757243038__brand_logos_RFbBag {
    display: none !important;
  }
}
/* Ẩn section logo Business Partner chạy trên Desktop */ 
@media screen and (min-width: 768px) {
  #shopify-section-template--20298757243038__scrolling_promotion_XHbP9t {
    display: none !important;
  }
}
/* Ẩn Header section trên desktop */
@media screen and (min-width: 768px) {
  #shopify-section-template--20298757243038__rich_text_e4Qj7k {
    display: none !important;
  }
}

/* Hiển thị header và canh giữa trên mobile */
@media screen and (max-width: 767px) {
  #shopify-section-template--20298757243038__rich_text_e4Qj7k {
    display: block !important;
  }

  #shopify-section-template--20298757243038__rich_text_e4Qj7k .rich-text__heading,
  #shopify-section-template--20298757243038__rich_text_e4Qj7k .rich-text__text,
  #shopify-section-template--20298757243038__rich_text_e4Qj7k .rich-text--standard {
    text-align: center !important;
    justify-content: center;
    align-items: center;
  }
}
/* Chỉnh lại màu hover cho dãy icon phía cuối cùng của collection page mặc định */
#shopify-section-template--20298756980894__buttons_with_icon_7zH9F3 .button-list__item .button-item__inner {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#shopify-section-template--20298756980894__buttons_with_icon_7zH9F3 .button-list__item .button-item__inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #0D7182 !important;
  transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  z-index: -1;
}

#shopify-section-template--20298756980894__buttons_with_icon_7zH9F3 .button-list__item .button-item__inner:hover::before {
  width: 100%;
}

#shopify-section-template--20298756980894__buttons_with_icon_7zH9F3 .button-list__item .button-item__inner .button-item__text {
  transition: color 0.4s ease !important;
}

#shopify-section-template--20298756980894__buttons_with_icon_7zH9F3 .button-list__item .button-item__inner:hover .button-item__text {
  color: #FFFFFF !important;
}

/* Ẩn ngày đăng + tác giả của blogspot */
.main-blog .article-card__metas {
  display: none !important;
}

<style>
  /* --- 1. LÀM PHẲNG NÚT CHECKOUT --- */
  /* Nhắm vào thẻ cha bao ngoài để xóa bo góc của "Card" */
  div#corner-cowi-cart-summary-card {
    border-radius: 0px !important; 
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    box-shadow: none !important;
  }

  /* Nhắm trực tiếp vào nút Checkout */
  button#corner-cowi-cart-summary-card-cta-button {
    border-radius: 0px !important;
    padding: 10px 0px !important; /* Tăng độ dày cho giống hình 1 */
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
    height: auto !important;
    transform: none !important;
  }

  /* --- 2. KHUNG BAO NGOÀI 2 TAB --- */
  div#corner-cowi-page-selectors {
    border-radius: 8px !important; /* Bo góc nhẹ cho khung ngoài */
    border: 1px solid #e5e7eb !important; /* Viền xám nhạt */
    overflow: hidden !important;
    display: flex !important;
    margin-top: 10px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
  }

  /* --- 3. CÁC NÚT TAB (CART / OFFERS) --- */
  div#corner-cowi-page-selectors button {
    flex: 1 !important;
    border: none !important; /* XÓA VIỀN ĐEN GIỮA 2 NÚT */
    border-radius: 0px !important;
    padding: 15px 0px !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    position: relative !important;
  }

  /* --- 4. TRẠNG THÁI ĐANG CHỌN (GẠCH CHÂN) --- */
  /* Trong HTML của bạn, nút active có class 'border-cowi-accent-bg' */
  div#corner-cowi-page-selectors button.border-cowi-accent-bg {
    border-bottom: 3px solid #108a9f !important; /* Gạch chân màu xanh */
    color: #108a9f !important; /* Chữ màu xanh */
  }

  /* Đảm bảo icon trong tab cũng có màu đồng bộ */
  div#corner-cowi-page-selectors button.border-cowi-accent-bg svg {
    fill: #108a9f !important;
  }
</style>