/** Shopify CDN: Minification failed

Line 541:0 Unexpected "}"

**/
/* === CUSTOM STYLE chỉ cho section “Shop by Products” === */
.section-template--24802151760119__collection_list_RpHnVF-padding .collection-list__item .card__media {
  border-radius: 12px !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
}

.section-template--24802151760119__collection_list_RpHnVF-padding .collection-list__item img {
  border-radius: 12px !important;
  object-fit: cover !important;
}

.section-template--24802151760119__collection_list_RpHnVF-padding .collection-list__item .card__heading a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: #0b2742 !important;
  letter-spacing: 0.3px;
  text-transform: none !important;
  transition: color 0.25s ease;
}

.section-template--24802151760119__collection_list_RpHnVF-padding .collection-list__item .card__heading a:hover {
  color: #ff571a !important;
}

.section-template--24802151760119__collection_list_RpHnVF-padding .collection-list__item:hover .card__media {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: all 0.25s ease;
}

/* ==============================
   FEATURED COLLECTIONS TABS
   ============================== */

.featured-tabs-wrapper {
  text-align: center;
  margin: 40px auto;
  max-width: 1400px;
}

.tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.tab-link {
  border: none;
  background: #f2f2f2;
  color: #222;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.tab-link:hover {
  background:rgb(201, 201, 201);
  color:rgb(7, 7, 7);
}

.tab-link.active {
  background:rgb(10, 10, 10);
  color: #f0f0f0;
}

.products-grid {
  position: relative;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

.grid--4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.product-card {
  text-align: center;
  overflow: hidden;
}

.image-wrapper {
  width: 100%;
  height: 340px; /* chỉnh tùy ý */
  display: flex;
  justify-content: center;
  align-items: flex-start; /* Ảnh nhỏ sẽ nằm sát top */
  overflow: hidden;
  border-radius: 16px;
}

.image-wrapper img {
  width: auto;
  height: 100%; /* ảnh lớn sẽ thu nhỏ đúng tỉ lệ */
  object-fit: contain; /* ảnh nhỏ sẽ giữ nguyên kích thước gốc */
  transition: transform 0.4s ease;
}

/* Hover mượt */
.product-card:hover .image-wrapper img {
  transform: scale(1.06);
}


.product-card:hover .image-wrapper {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); /* thêm bóng đẹp */
}


.product-card h3 {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card .price {
  font-size: 15px;
  color:rgb(255, 0, 0);
  font-weight: 700;
  margin-top: 5px;
  text-align: left;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.featured-tabs-wrapper .tab-content {
  display: none;
}
.featured-tabs-wrapper .tab-content.active {
  display: block;
  animation: fadeIn 0.4s ease-in-out;
}

.featured-tabs-wrapper .tab-link.active {
  background-color:rgb(0, 0, 0);
  color: #f2f2f2;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==============================
   FEATURED COLLECTIONS TABS TEXT STYLES
   ============================== */
.featured-tabs-wrapper .product-card h3 {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #1b1b1b;
  margin-top: 10px;
  margin-bottom: px;
  text-align: left;
}

.featured-tabs-wrapper .product-card .price {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color:rgb(0, 0, 0);
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-align: left;
}

.featured-tabs-wrapper .grid--4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

/* Tablet view: show 2 items per row */
@media (max-width: 1024px) {
  .featured-tabs-wrapper .grid--4-col {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 15px;
    margin-right: 15px
  }
}

/* Mobile view: show 1 item per row */
@media (max-width: 640px) {
  .featured-tabs-wrapper .grid--4-col {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 15px;
    margin-right: 15px
  }
}


.featured-tabs-wrapper .product-card {
  text-align: left;
}

/* VIEW MORE BUTTON STYLE */
.featured-tabs-wrapper .view-more-btn {
  display: inline-block;
  margin-top: 36px;
  background: #ffffff;
  color: #000000;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding: 12px 30px;
  border: 2px solid #000000;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.35s ease;
  text-decoration: none !important;
}

.featured-tabs-wrapper .view-more-btn:hover {
  background:rgb(156, 156, 156);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  border-color:rgb(0, 0, 0)
}

/* Fade animation for smooth load */
.tab-content.active {
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(10px);}
  to {opacity: 1; transform: translateY(0);}
}

/* Featured Collection Single Section */
.featured-single-wrapper {
  text-align: center;
  margin: 40px auto;
  max-width: 1400px;
}

.featured-single-title {
  font-family: 'Inter', sans-serif;
  font-size: 34px;
  font-weight: 700;
  color:rgb(0, 0, 0);
  margin-bottom: 32px;
}

/* Always show 4 items per row on desktop */
.featured-single-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  justify-content: center;
}

/* Tablet view: show 2 items per row */
@media (max-width: 1024px) {
  .featured-single-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 15px;
    margin-right: 15px
  }
}

/* Mobile view: show 1 item per row */
@media (max-width: 640px) {
  .featured-single-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 15px;
    margin-right: 15px
  }
}

/* RESPONSIVE – MOBILE/TABLET */
@media (max-width: 991px) {
  .featured-single-section {
    padding: 28px 16px;
  }

  .featured-single-section .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .featured-single-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

.featured-single-item {
  text-align: center;
}

/* Fix image stretching issue */
.featured-single-image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1; /* tạo khung vuông đều */
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}

.featured-single-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ảnh giữ tỉ lệ, cắt vừa khung */
  object-position: center;
  border-radius: 12px;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.featured-single-image img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}



.featured-single-name {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  /* line-height: 1.5; */
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

.featured-single-price {
  color:rgb(0, 0, 0);
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
}

/* View More button */
.featured-single-view-more {
  display: inline-block;
  margin-top: 36px;
  background: #ffffff;
  color: #000000;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding: 12px 30px;
  border: 2px solid #000000;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.35s ease;
  text-decoration: none !important;
}

/* Hover */
.featured-single-view-more:hover {
  background:rgb(173, 173, 173);
  box-shadow: 0 0 15px rgba(105, 105, 105, 0.8);
  transform: scale(1.03);
  border-color:rgb(0, 0, 0)
}


/* === GRID LAYOUT === */
.custom-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 38px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1300px;
}

@media (min-width: 1024px) {
  .custom-product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* === PRODUCT ITEM === */
.custom-product-item {
  text-align: left;
  font-family: 'Inter', sans-serif;
}

/* === IMAGE === */
.custom-card-image {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  aspect-ratio: 1 / 1;
  background: #fff;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.custom-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}

.custom-card-image:hover img {
  transform: scale(1.08);
  box-shadow: 0 0 22px rgba(255, 138, 51, 0.45);
}

/* === INFO === */
.custom-card-info {
  margin-top: 12px; /* tăng nhẹ khoảng cách giữa ảnh và tiêu đề */
  border: none !important;
}

/* === TITLE === */
.custom-card-title {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #111;
  transition: color 0.3s ease;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px; 
}

.custom-card-link:hover .custom-card-title {
  color: #ff6a00;
}

/* === PRICE === */
.custom-card-price {
  color:rgb(255, 0, 0);
  font-weight: 700;
  font-size: 15px;
  margin: 0;
  text-align: left;
}

/* === REMOVE DEFAULT BORDERS (Dawn built-in) === */
.card__information,
.price,
.price__container,
.price__regular,
.card-wrapper::after,
.card__content::after,
.card__content,
.card__information::before,
.card__information::after,
.price__container::before,
.price__container::after,
.price-item--regular::after {
  border: none !important;
  box-shadow: none !important;
  /* display: none !important; */
}

/* === PRODUCT PAGE MODERN STYLE === */

/* Layout width */
.product__info-wrapper {
  max-width: 600px;
}

/* === Font setup === */
.product__title,
.product__info-wrapper,
.product__description,
.product__price,
.shopify-payment-button__button,
button,
label {
  font-family: 'Inter', sans-serif !important;
}

/* === Product title === */
.product__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #0a0a0a;
  margin-bottom: 10px;
}

/* === Price === */

.product__price {
  color:rgb(161, 161, 161) !important;
  font-weight: 00;
  font-size: 24px !important;
  margin-bottom: 12px;
  text-align: left;
}

.price-item--regular {
  color:rgb(161, 161, 161) !important;
  font-weight: 300;
  font-size: 14px !important;
  margin-bottom: 12px;
  text-align: left;
  text-decoration: line-through;
}
}

.price-item--sale {
  color:rgb(255, 0, 0) !important;
  font-weight: 600;
}

/* === Options (size, color, etc.) === */
.product-form__input label {
  font-weight: 600;
  font-size: 15px;
  color: #222;
}

.product-form__input input[type="radio"] + label {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 14px;
  background: #fff;
  transition: all 0.2s ease;
}

.product-form__input input[type="radio"]:checked + label {
  background-color: #ff6a00;
  color: #fff;
  border-color: #ff6a00;
  box-shadow: 0 0 8px rgba(255, 106, 0, 0.4);
}

.product-form__input input[type="radio"] + label:hover {
  border-color: #ff6a00;
  color: #ff6a00;
}

/* === Buttons === */
.product-form__buttons button,
.shopify-payment-button__button {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 8px;
  text-transform: uppercase;
  transition: all 0.25s ease;
}

/* Add to cart */
.product-form__submit {
  background-color:rgb(0, 0, 0) !important;
  color: #fff !important;
  border: none !important;
  font-size: 16px;
  height: 50px;
}

.product-form__submit:hover {
  background-color: #FFD814 !important;
  box-shadow: 0 0 12px rgba(255, 199, 16, 0.5);
}

/* Buy it now */
.shopify-payment-button__button--unbranded {
  background-color: #111 !important;
  color: #fff !important;
  border-radius: 8px;
  font-size: 16px;
  height: 50px;
  margin-top: 10px;
}

.shopify-payment-button__button--unbranded:hover {
  background-color: #333 !important;
}

/* === Quantity selector === */
.quantity {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ddd;
}

.quantity__input {
  font-weight: 600;
}

/* === Description section === */
.product__description {
  margin-top: 24px;
  font-size: 15px;
  color: #444;
  line-height: 1.6;
}

/* === Spacing cleanup === */
.product__media-wrapper {
  border-radius: 10px;
  overflow: hidden;
}

.product__info-wrapper {
  margin-top: 10px;
}

.product-form {
  border-top: 1px solid #f0f0f0;
  padding-top: 16px;
  margin-top: 10px;
}

/* === MODERN PRODUCT PAGE STYLE === */
.modern-product-header {
  margin-bottom: 12px;
}

.modern-product-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #0a0a0a;
  margin-bottom: 6px;
  line-height: 1.3;
}

.modern-rating {
  font-size: 14px;
  color: #ff6a00;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.modern-rating .review-count {
  color: #444;
}

.modern-delivery-info {
  background: #fff7f0;
  border: 1px solid #ffe2c4;
  border-radius: 8px;
  padding: 10px 14px;
  margin-top: 12px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.modern-delivery-info .ship-to {
  font-weight: 600;
  color: #ff6a00;
}

.modern-delivery-info .arrive-date {
  color: #333;
}

/* Make add to cart full-width and bold */
.product-form__submit {
  width: 100%;
  border-radius: 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background: #ff6a00 !important;
  color: #fff !important;
  height: 50px;
  font-size: 16px;
}

.product-form__submit:hover {
  background: #ff8533 !important;
  box-shadow: 0 0 12px rgba(255, 138, 51, 0.4);
}

/* === FIX PRODUCT TITLE DISPLAY === */
.modern-product-title,
.product__title h1,
.product__title h2 {
  display: inline; /* Cho text nằm trên cùng 1 dòng */
  white-space: normal; /* Cho phép xuống dòng khi quá dài */
  word-break: break-word; /* Tự động xuống dòng hợp lý */
  line-height: 1.3;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #111;
}

/* Nếu anh muốn căn text về bên trái thay vì giữa */
.product__title {
  text-align: left;
}

/* === CUSTOM PRODUCT BUTTON STYLING === */
.custom-buy-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  max-width: 400px;
}

.custom-quantity {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

.custom-quantity .quantity {
  display: flex;
  align-items: center;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  overflow: hidden;
  height: 44px;
  width: 130px;
}

.custom-quantity .quantity__button {
  background: #fff;
  border: none;
  width: 38px;
  height: 44px;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  color: #444;
  transition: background 0.2s;
}

.custom-quantity .quantity__button:hover {
  background: #f5f5f5;
}

.custom-quantity .quantity__input {
  width: 48px;
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #111;
}

/* Add to Cart */
.add-to-cart-btn {
  width: 100%;
  height: 52px;
  background: #ff6a00;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  transition: all 0.25s ease;
}

.add-to-cart-btn:hover {
  background: #ff8533;
  box-shadow: 0 0 10px rgba(255, 106, 0, 0.3);
}

/* Buy it now */
.buy-now-btn {
  width: 100%;
  height: 52px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  transition: all 0.25s ease;
}

.buy-now-btn:hover {
  background: #333;
}




/* === FIX RELATED PRODUCTS IMAGE SIZE === */
.custom-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  max-width: 1300px;
  margin: 0 auto;
  margin-left: 15px;
  margin-right: 15px
}

.custom-related-item {
  text-align: left;
  font-family: 'Inter', sans-serif;
}

.custom-related-image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.custom-related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  transition: transform 0.35s ease;
}

/* Hover hiệu ứng nổi nhẹ */
.custom-related-image:hover img {
  transform: scale(1.06);
  box-shadow: 0 8px 18px rgba(255, 106, 0, 0.4);
}

/* Title và giá */
.custom-related-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #111;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
  transition: color 0.25s ease;
}

.custom-related-title:hover {
  color: #ff6a00;
}

.custom-related-price {
  color:rgb(0, 0, 0);
  font-weight: 700;
  font-size: 15px;
  margin-top: 4px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 1024px) {
  .custom-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .custom-related-grid {
    grid-template-columns: 1fr;
    margin-left: 15px;
    margin-right: 15px
  }
}

.product-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}

.add-to-cart-mini-btn {
  background: #FFD814;
  color:rgb(0, 0, 0);
  border: 1px solid #FFD814;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.2s ease-in-out;
  display: flex;
  align-items: center;
}

.add-to-cart-mini-btn:hover {
  background: #FFD814;
  border-color: #FFD814;
  box-shadow: 0 4px 12px rgb(255, 245, 106);
}

/* Wrapper */
.custom-dropdown {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  font-family: 'Inter', sans-serif;
}

/* Header */
.custom-dropdown .dropdown-header {
  background: #fff;
  border: 1.8px solid #ddd;
  padding: 12px 16px;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: border 0.25s ease, box-shadow 0.25s ease;
  font-size: 15px;
  font-weight: 500;
}

.custom-dropdown .dropdown-header:hover {
  border-color: #ff8a00;
  box-shadow: 0 4px 12px rgba(255, 138, 0, 0.18);
}

.dropdown-icon {
  font-size: 16px;
  transition: transform 0.25s;
}

/* Menu */
.custom-dropdown .dropdown-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1.8px solid #e5e5e5;
  border-radius: 12px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
  padding: 6px 0;
  display: none;
  max-height: 260px;
  overflow-y: auto;
  z-index: 20;
}

.dropdown-item {
  padding: 12px 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  font-size: 15px;
}

.dropdown-item:hover {
  background: #fff7f0;
  color: #ff8a00;
}

/* Selected state */
.dropdown-item.selected {
  background: #fff3e8;
  color: #ff8a00;
  font-weight: 600;
}

/* Rotate icon when open */
.custom-dropdown.open .dropdown-icon {
  transform: rotate(-180deg);
}


/* Layout 2 columns */
.custom-cart-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 35px;
  margin-top: 25px;
}

/* LEFT COLUMN — ITEMS */
.cart-left-column .cart-items table {
  background: white;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.cart-item {
  border-bottom: 1px solid #eee !important;
  padding: 20px 0 !important;
}

.cart-item__image-container img {
  border-radius: 12px;
}

.cart-item__name {
  font-size: 18px;
  font-weight: 600;
}

/* RIGHT COLUMN — SUMMARY */
.cart-right-column {
  position: sticky;
  top: 20px;
}

.summary-card {
  background: #fff;
  padding: 22px;
  border-radius: 18px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.summary-subtotal {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.summary-checkout-btn {
  display: block;
  width: 100%;
  text-align: center;
  background: #0c67ff;
  color: white;
  padding: 14px 0;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  margin-bottom: 18px;
}

.summary-payments img {
  width: 45px;
  margin-right: 6px;
  margin-left: 6px;
  opacity: 0.85;
}

.summary-protection {
  display: flex;
  gap: 14px;
  margin-top: 18px;
}

.summary-protection img {
  width: 45px;
}

.summary-protection ul {
  padding-left: 20px;
}

/* ======================================================
   GLOBAL FONT + SPACING
====================================================== */
.cart-items *,
.cart-item__details,
.cart-item__name,
.product-option,
.cart-right-column,
.summary-box {
  font-family: 'Inter', sans-serif !important;
}

/* ======================================================
   CARD LAYOUT (CÂN ĐỐI VÀ ĐẸP)
====================================================== */
.cart-items {
  border-collapse: separate !important;
  border-spacing: 0 24px !important;
}

.cart-items tr {
  display: flex;
  gap: 24px;
  padding: 24px;
  /* border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05); */
  align-items: center;
  transition: 0.2s ease;
}

/* ======================================================
   IMAGE (TO HƠN – ĐẸP HƠN)
====================================================== */
.cart-item__media {
  width: 200px !important;
}

.cart-item__image-container {
  width: 180px !important;
  height: 180px !important;
  border-radius: 14px;
  overflow: hidden;
}

.cart-item__image {
  width: 180px !important;
  height: 180px !important;
  object-fit: cover;
  transition: 0.3s ease;
}

.cart-item__image:hover {
  transform: scale(1.04);
}

/* ======================================================
   PRODUCT INFO SECTION
====================================================== */

.cart-item__details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* TITLE NGẮN GỌN – ĐẸP – HIỆN ĐẠI */
.cart-item__name {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  max-width: 480px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

/* PRICE */
.cart-item__details .product-option + .product-option {
  margin-top: 4px;
}

/* ======================================================
   BULLET + OPTIONS CLEAN STYLE
====================================================== */
.product-option {
  display: flex;
  gap: 6px;
  font-size: 15px;
  color: #333;
  align-items: center;
}

.product-option dt {
  font-weight: 600;
}

.product-option::before {
  content: "•";
  font-size: 20px;
  line-height: 0;
  margin-right: 6px;
  color: #ff8a00;
  display: inline-block;
  transform: translateY(-1px);
}

/* ======================================================
   QUANTITY (HIỆN ĐẠI – ĐẸP – ĐỀU)
====================================================== */
.quantity-popover-container,
.quantity {
  display: flex !important;
  align-items: center;
  
  overflow: hidden;
  /* background: #fafafa; */
}

.quantity__button {
  width: 40px !important;
  height: 40px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  transition: 0.2s;
}

.quantity__button:hover {
  /* background: #ececec !important; */
}

.quantity__input {
  width: 50px !important;
  text-align: center;
  font-size: 16px !important;
  padding: 0 !important;
  background: none !important;
}

/* Remove icon weird spacing */
.quantity__button .svg-wrapper svg {
  width: 15px;
  height: 15px;
}

.cart-item__quantity cart-remove-button {
  display: block !important;
}


/* Đưa remove xuống dưới quantity (desktop) */
.cart-item__quantity {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* Style nút remove dạng text button */
cart-remove-button a {
  display: inline-block !important;
  margin-top: 8px;
  font-size: 14px;
  color: #d9534f !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  cursor: pointer;
}

/* Ẩn icon svg mặc định */
cart-remove-button a .svg-wrapper {
  display: none !important;
}

/* Thêm chữ Remove thay vì icon */
cart-remove-button a::after {
  content: "Remove";
  font-size: 14px;
  font-weight: 600;
  color: #d9534f;
  text-decoration: underline;
}

cart-remove-button a:hover::after {
  color: #b52b27;
}



/* ======================================================
   PRICE ALIGNMENT
====================================================== */
.cart-item__totals {
  font-size: 20px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

/* ======================================================
   STICKY CHECKOUT BOX
====================================================== */

.cart-right-column {
  width: 360px;
  position: sticky !important;
  top: 24px;
}

/* Make the summary card pretty */
.cart-right-column .summary-box,
.cart-right-column > div {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 5px 18px rgba(0,0,0,0.08);
  animation: fadeIn 0.4s ease;
}

/* Button style */
.summary-checkout-btn,
.cart-right-column a.button {
  width: 100%;
  background: #0a68ff !important;
  border-radius: 14px !important;
  padding: 14px 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: white !important;
  text-align: center !important;
  display: block !important;
  margin: 12px 0 !important;
  transition: 0.2s;
}

.summary-checkout-btn:hover {
  background: #005ae0 !important;
}

/* ======================================================
 MOBILE
====================================================== */
@media (max-width: 750px) {
  .cart-items tr {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .cart-item__totals {
    margin: 0 auto;
  }

  .cart-right-column {
    width: 100%;
    position: relative;
  }

  .cart-item__details {
    align-items: center;
  }
}

/* Hide the default Dawn cart table header completely */
.cart-items thead {
  display: none !important;
}

/* Limit width + center cart layout */
.custom-cart-layout {
  max-width: 1000px;
  margin: 10 auto;
  padding: 0 20px;
  box-sizing: border-box;
  align-items: space-between
}

/* Ensure table row/cards do not overflow */
.cart-items tr {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
}

/* Prevent horizontal scroll issues */
.cart-items,
.cart__contents,
#cart {
  overflow-x: hidden !important;
}

.custom-cart-layout {
  display: flex;
  gap: 80px; /* Tăng khoảng cách 2 cột */
  align-items: space-between;
}


.cart-left-column {
  flex: 1;
  min-width: 0;
  max-width: 650px; /* Cho phần item rộng hợp lý */
}


.cart-right-column {
  width: 460px;
  flex-shrink: 0;
}

.cart-item {
  display: flex;
  align-items: center;
  padding: 24px 28px;
  /* border-radius: 20px; */
  background: #fff;
  /* box-shadow: 0 4px 20px rgba(0,0,0,0.05); */
  margin-bottom: 30px;
}

.cart-item__media {
  width: 150px !important;
  flex-shrink: 0;
}

.cart-item__details {
  flex: 1;
  padding-left: 25px;
  padding-right: 25px;
}

.product-option,
.cart-item__final-price,
.cart-item__old-price {
  font-size: 14px;
  line-height: 1.6;
}

.cart-item__details dl {
  margin-top: 10px;
}

cart-items .page-width {
  max-width: 1780px !important; /* KHÔNG để 1500+ như trước */
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}



/* Nếu muốn rộng hơn nữa, chỉnh như sau */
@media (min-width: 1200px) {
  cart-items .page-width {
    max-width: 1700px !important; /* hoặc 1600px */
  }
}

.custom-cart-layout {
  display: flex;
  gap: 40px;
}

.cart-left-column {
  flex: 1;
  min-width: 0;
}

.cart-right-column {
  width: 560px;
  flex-shrink: 0;
}

/* Layout 2 cột rõ ràng */
.custom-cart-layout {
  display: flex !important;
  justify-content: center;
  gap: 60px !important;
  max-width: 1600px !important; /* container to đẹp */
  margin: 0 auto !important;
  padding: 0 20px;
}

/* LEFT COLUMN — mở rộng hết cỡ */
.cart-left-column {
  flex-grow: 1 !important;
  min-width: 0 !important;
  max-width: 900px !important; /* bạn chỉnh tùy ý */
}

/* RIGHT COLUMN — GIỮ NGUYÊN width bạn muốn */
.cart-right-column {
  width: 460px !important;   /* GIỮ NGUYÊN KÍCH THƯỚC */
  flex-shrink: 0 !important;
  position: sticky;
  top: 20px;
}

/* Tránh bảng item co lại */
.cart-items tr {
  width: 100% !important;
}

/* Tránh scroll ngang */
cart-items, .cart__contents, #cart {
  overflow-x: hidden !important;
}

.cart-remove-under-qty {
  display: block !important;
  text-align: center !important;
  margin-top: 8px !important;
}

.cart-remove-under-qty .svg-wrapper {
  display: none !important;
}

.cart-remove-under-qty a::after {
  content: "Remove";
  font-size: 14px;
  font-weight: 600;
  color: #d9534f;
  text-decoration: underline;
  cursor: pointer;
}

.cart-remove-under-qty a:hover::after {
  color: #b52b27;
}

/* =====================================================
   🧩 FIX SHOP BY PRODUCTS – BỎ KHOẢNG TRẮNG TỶ LỆ ẢO (RATIO)
   ===================================================== */

/* Bỏ padding ảo tạo bởi Dawn trong phần Collection List */
.collection-list .card__inner.ratio::before {
  display: none !important;
  content: none !important;
  padding-bottom: 0 !important;
}

/* Đặt lại layout cho phần chứa ảnh */
.collection-list .card__inner.ratio {
  position: relative !important;
  height: auto !important;
  min-height: 280px !important; /* 👈 Bạn có thể chỉnh: 260–320px */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* Ảnh hiển thị đầy đủ, căn giữa */
.collection-list .card__inner.ratio img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 12px !important;
}

/* Fix small price font on product page */
.product__info-wrapper .price-item,
.product__info-wrapper .price-item--sale {
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.product__info-wrapper .price-item--regular {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* Giá trong Featured Collection Single */
.featured-single-item .price {
  margin-top: 4px;
}

.featured-single-item .price__container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.featured-single-item .price.price--on-sale.price--large .price__sale .price-item--sale {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ff0000 !important;
  line-height: 1.1;
  font-size: 18px !important;
}

/* Giá gốc nhỏ hơn, xám + gạch ngang */
.featured-single-item .price--on-sale .price__sale .price-item--regular {
  font-size: 1.6rem;
  color:rgb(180, 180, 180);
  position: relative;
  top: -10px;
  margin-left: -4px;
  font-size: 14px !important
}

.featured-single-item .price--on-sale .price__sale .price-item--regular::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color:rgb(180, 180, 180);
}

/* Badge nhỏ lại nếu cần */
.featured-single-item .price__badge-sale {
  padding: 3px 8px;
  font-size: 1.1rem;
}

/* Giá trong Featured Collection Tabs */
.featured-tabs-wrapper .price {
  margin-top: 4px;
}

.featured-tabs-wrapper .price__container {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.featured-tabs-wrapper .price.price--on-sale.price--large .price__sale .price-item--sale {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ff0000 !important;
  line-height: 1.1;
  font-size: 18px !important;
}

/* Giá gốc nhỏ hơn, xám + gạch ngang */
.featured-tabs-wrapper .price--on-sale .price__sale .price-item--regular {
  color: #9e9e9e;
  position: relative;
  top: -10px;
  font-size: 14px !important
}

.featured-tabs-wrapper .price--on-sale .price__sale .price-item--regular::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color:rgb(141, 141, 141);
}

/* DEBUG: ÉP nút Remove hiện ra bằng mọi giá trên cart page */
cart-remove-button {
  display: block !important;
  border: 1px solid red !important;
  padding: 4px !important;
  margin-top: 8px !important;
}

cart-remove-button a,
cart-remove-button .button {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #d9534f !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 !important;
}

cart-remove-button a .svg-wrapper,
cart-remove-button .button .svg-wrapper {
  display: none !important;
}

cart-remove-button a::after,
cart-remove-button .button::after {
  content: "Remove item" !important;
  text-decoration: underline;
  cursor: pointer;
}

/* ==============================
   MOBILE TWEAKS – FEATURED TABS + SINGLE
   ============================== */
@media (max-width: 640px) {

  /* Title gọn hơn trên mobile */
  .featured-tabs-wrapper .product-card h3,
  .featured-single-name {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 8px;
  }

  /* Khối giá sát ảnh + gọn lại */
  .featured-tabs-wrapper .price,
  .featured-single-item .price {
    margin-top: 4px;
  }

  /* Giá SALE nhỏ lại cho đỡ “chọi” trên màn hình nhỏ */
  .featured-tabs-wrapper .price.price--on-sale.price--large .price__sale .price-item--sale,
  .featured-single-item .price.price--on-sale.price--large .price__sale .price-item--sale {
    font-size: 16px !important;
    line-height: 1.2;
  }

  /* Giá gốc xám, nhỏ, nằm sát giá sale */
  .featured-tabs-wrapper .price--on-sale .price__sale .price-item--regular,
  .featured-single-item .price--on-sale .price__sale .price-item--regular {
    font-size: 11px !important;
    top: -4px;
  }

  /* Hàng PRICE + BUTTON xếp dọc, nhìn thoáng hơn */
  .product-info-row {
    margin-top: 6px;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  /* Nút Add to Cart full width, thấp hơn, bo tròn đẹp mắt */
  .product-info-row .add-to-cart-mini-btn {
    width: 100%;
    justify-content: center;
    padding: 9px 0;
    font-size: 13px;
    border-radius: 999px;
  }

  .featured-tabs-wrapper .product-card .image-wrapper {
    width: 100%;
    height: auto;           /* bỏ chiều cao cố định */
    aspect-ratio: 1 / 1;    /* khung vuông */
    align-items: center;
    border-radius: 12px;
    overflow: hidden;
  }

  .featured-tabs-wrapper .product-card .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* ảnh fill đầy khung vuông */
    object-position: center;
  }

   /* Chính UL #product-grid là grid container */
  #product-grid.product-grid.grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 22px;
    margin-left: 15px;
    margin-right: 15px
  }

  /* Bỏ width cũ của Dawn trên từng item */
  #product-grid.product-grid.grid .grid__item {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  /* Ảnh vuông, giống các section featured */
  #product-grid.product-grid.grid .card__inner .card__media {
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
  }

  #product-grid.product-grid.grid .card__inner .card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Title + giá gọn lại cho mobile */
  #product-grid.product-grid.grid .card__information .card__heading {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  #product-grid.product-grid.grid .card__information .price {
    margin-top: 4px;
  }

  #product-grid.product-grid.grid .card__information .price__container {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  #product-grid.product-grid.grid .card__information .price-item--sale {
    font-size: 14px;
    font-weight: 700;
    color: #ff0000;
    line-height: 1.2;
  }

  #product-grid.product-grid.grid .card__information .price-item--regular {
    font-size: 11px;
    color: #b4b4b4;
    position: relative;
    top: -3px;
  }

  #product-grid.product-grid.grid .card__information .price-item--regular::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #b4b4b4;
  }
}