/* ====================== EQUIPO SINGLE PRODUCT STYLE ====================== */



/* Layout chính */

body.single-product .woocommerce-products-header__title {

  display: none !important;

}

.equipo-single-product {

  padding: 20px 0;

  background: #fff;

}



.product-main-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;
  /* Ảnh | Info | Sidebar */

  gap: 50px;

  align-items: start;

  margin-bottom: 60px;

}



/* Ảnh sản phẩm lớn bên trái */

.product-gallery-large {

  position: relative;

}



.product-gallery-large .woocommerce-product-gallery__wrapper {

  position: relative;

}



.product-gallery-large img {

  width: 100%;

  height: auto;

  object-fit: contain;

  border-radius: 8px;

}

ol.flex-control-thumbs {

  display: flex;

  flex-wrap: nowrap;
  /* Bắt buộc - không xuống dòng */

  overflow-x: auto;
  /* Cho phép cuộn */

  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;
  /* Cuộn mượt trên mobile */

  scrollbar-width: none;
  /* Ẩn scrollbar Firefox */

  -ms-overflow-style: none;
  /* Ẩn scrollbar IE/Edge cũ */

  gap: 10px;

  list-style: none;

  padding: 0;

  margin: 0;

}



/* Ẩn scrollbar Chrome, Safari, Edge mới */

ol.flex-control-thumbs::-webkit-scrollbar {

  display: none;

}



/* Giữ nguyên phần li */

ol.flex-control-thumbs li {

  flex: 0 0 calc(25% - 10px);
  /* Tốt hơn width, tránh lỗi tính toán gap */

  width: auto;
  /* Để flex tự xử lý */

}



ol.flex-control-thumbs li a {

  display: block;

  width: 100% !important;

}

/* Nút zoom mặc định WooCommerce */

.woocommerce-product-gallery__trigger {

  position: absolute;

  top: 0.5em;

  right: 0.5em;

  font-size: 2em;

  z-index: 9;

  width: 36px;

  height: 36px;

  background: rgba(0, 0, 0, 0.3);

  transition: all 0.3s ease;

  text-indent: -9999px;

  border-radius: 100%;

  box-sizing: content-box;

}

.woocommerce-product-gallery__trigger::before {

  content: "";

  display: block;

  width: 10px;

  height: 10px;

  border: 2px solid #fff;

  border-radius: 100%;

  position: absolute;

  top: 9px;

  left: 9px;

  box-sizing: content-box;

}

.woocommerce-product-gallery__trigger::after {

  content: "";

  display: block;

  width: 2px;

  height: 8px;

  background: #fff;

  border-radius: 6px;

  position: absolute;

  top: 19px;

  left: 22px;

  transform: rotate(-45deg);

  box-sizing: content-box;

}



/* Thông tin sản phẩm giữa */

.product-summary-info .product_title {

  font-size: 36px;

  font-weight: 600;

  color: #333;

  margin-bottom: 20px;

  line-height: 1.2;

}



/* Giá sale nổi bật */

.product-price-large .price {

  font-size: 30px !important;

  font-weight: bold !important;

  color: #ffb700;

  margin-bottom: 30px;

}



.product-price-large del {

  color: #999;

  margin-right: 10px;

}



.product-price-large del,

.product-price-large .price del,

.product-price-large del .woocommerce-Price-amount {

  font-size: 22px !important;

  font-weight: 400 !important;

}

/* Bullet points (short description) */

.product-features-list {

  list-style: none;

  padding: 0;

  margin: 30px 0;

  line-height: 1.8;

  color: #555;

}



.product-features-list li {

  position: relative;

  margin-bottom: 5px;

}

.product-features-list li span {

  padding-left: 15px;

  position: relative;

  display: flex;

  align-items: start;

}

.product-features-list li span:before {

  content: "›";

  position: absolute;

  left: 0;

  color: #66bbf2;

  font-weight: bold;

}



/* Add to cart section */

.add-to-cart-section {

  margin: 40px 0;

  margin-bottom: 0;

}

.add-to-cart-section form {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 12px;

  border-radius: 5px;

  background-color: #f0f0f0;

}

.add-to-cart-section .quantity,

.add-to-cart-section button.single_add_to_cart_button {

  width: 50%;

}

.add-to-cart-section .quantity .qty {

  height: 40px;

  width: 100% !important;

  padding: 10px;

  text-align: center;

  font-size: 18px;

  border: 1px solid #ddd;

}



/* Nút Add to cart vàng */

.single_add_to_cart_button {

  background: #ffb700 !important;

  color: #000 !important;

  height: 40px !important;

  padding: 10px !important;

  font-size: 18px !important;

  border-radius: 6px !important;

  padding: 10px;

  border: none !important;

  outline: none !important;

  border-radius: 3px;

  transition: all 0.3s ease;

}

.single_add_to_cart_button:hover {

  background-color: #000 !important;

  color: #fff !important;

}



/* 2 nút Wishlist & Compare dưới Buy now */

.product-actions-below {

  display: flex;

  gap: 8px;

  margin-top: 12px;

  flex-wrap: wrap;

}



.product-actions-below button {

  display: flex;

  align-items: center;

  gap: 6px;

  background: transparent;

  border-radius: 8px;

  font-size: 14px;

  color: #666;

  cursor: pointer;

  transition: all 0.3s ease;

  font-weight: 500;

}



.product-actions-below button:hover {

  color: #ffb700;

}



.product-actions-below button.active {

  color: #ffb700;

}



.product-actions-below button i {

  font-size: 16px;

}



.product-actions-below .action-text {

  font-size: 15px;

  text-decoration: underline;

}



/* SKU & Categories */

.product-meta-info {

  margin-top: 40px;

  color: #666;

  font-size: 15px;

}



.product-meta-info p {

  margin: 10px 0;

}

.product-meta-info a {

  color: #999;

}



/* Social share */

.product-social-share {

  margin-top: 40px;

}



/* Tabs */

.product-tabs-section {

  margin-top: 20px;

}



.woocommerce-tabs .tabs {

  border: none;

  margin-bottom: 20px;

  display: flex;

  align-items: center;

}



.woocommerce-tabs .tabs li a {

  padding: 10px 20px;

  padding-left: 0;

  font-size: 18px;

  color: #666;

}



.woocommerce-tabs .tabs li.active a {

  text-decoration: underline;

  color: #000;

}

.woocommerce-Tabs-panel {

  border: 1px solid #ddd;

  padding: 30px;

}

#tab-description p {
  font-weight: 300;
  line-height: 2;
}

.woocommerce-Tabs-panel table {
  width: 100%;

  border-collapse: collapse;

  border: 1px solid #666;

  margin-top: 10px;

}

.woocommerce-Tabs-panel table tr,

.woocommerce-Tabs-panel table th,

.woocommerce-Tabs-panel table td {

  padding: 10px;

  border: 1px solid #666;

}



/* Special Offers & Related Products */

.special-related-section .section-heading {

  font-size: 32px;

  font-weight: 600;

  text-align: center;

  margin: 60px 0 40px;

  color: #333;

}

.special-related-section .related h2 {

  display: none;

}

/* Sidebar phải (đã có từ trước) - chỉ tinh chỉnh thêm */

.sidebar-two {

  top: 120px;
  /* Đúng vị trí như ảnh */

}



/* Responsive */

@media (max-width: 1199px) {

  .product-main-grid {

    grid-template-columns: 1fr 1fr;

  }

}



@media (max-width: 991px) {

  .product-main-grid {

    grid-template-columns: 1fr;

    margin-bottom: 0;

  }



  .product_title {

    font-size: 30px !important;

  }



  .product-price-large .price {

    font-size: 30px !important;

  }



  .product-actions-below {

    flex-direction: column;

  }



  .product-actions-below button {

    min-width: auto;

  }

}



@media (max-width: 576px) {

  .product_title {

    font-size: 26px !important;

  }



  .product-price-large .price {

    font-size: 26px !important;

  }



  .single_add_to_cart_button,

  .buy-now-btn {

    padding: 12px 20px !important;

    font-size: 16px !important;

  }

}