/* =========================
   PS Product Layout - Core layout
   ========================= */

/* Lower section 2 columns */
.ps-lower-wrap{
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  margin-top: 18px;
}

@media (max-width: 849px){
  .ps-lower-wrap{
    grid-template-columns: 1fr;
  }
}

/* Sidebar box */
.ps-side-box{
  background: #fff;
  border: 1px solid rgba(0;0;0;.06);
  border-radius: 12px;
  padding: 14px;
}

@media (min-width: 850px){
  .ps-side-box{
    position: sticky;
    top: 90px; /* chỉnh theo header */
  }
}

/* Latest products in sidebar: tighter list */
.ps-lower-side ul.products{
  margin: 0;
}

.ps-lower-side ul.products li.product{
  width: 100% !important;
  margin: 0 0 12px 0 !important;
}

.ps-lower-side ul.products li.product .box-image{
  width: 64px;
  float: left;
  margin-right: 10px;
}

.ps-lower-side ul.products li.product .box-text{
  overflow: hidden;
}


/* =========================
   PS Product Layout - Sections (giống đối thủ)
   Scope: chỉ trong lower main
   ========================= */

.ps-lower-main .product-page-sections{
  margin: 22px 0;
}

.ps-lower-main .product-section{
  border-radius: 18px;
  padding: 18px;
}

/* Reset row margin (Flatsome sometimes adds negative margins) */
.ps-lower-main .product-section .row{
  margin-left: 0;
  margin-right: 0;
}

/* Title */
.ps-lower-main .product-section h5.uppercase.mt{
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0;0;0;.08);
}

/* Panel/card wrapper */
.ps-lower-main .product-section .panel{
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0;0;0;.06);
  padding: 0;
  overflow: hidden;
}


/* =========================
   Table attributes (Thông tin bổ sung)
   - zebra theo HÀNG (label + value) giống đối thủ
   ========================= */

.ps-lower-main table.woocommerce-product-attributes.shop_attributes{
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}

.ps-lower-main .woocommerce-product-attributes-item__label,
.ps-lower-main .woocommerce-product-attributes-item__value{
  padding: 16px 18px;
  vertical-align: middle;
  border-top: 1px solid rgba(0;0;0;.06);
}

.ps-lower-main table.woocommerce-product-attributes.shop_attributes tr:first-child
.woocommerce-product-attributes-item__label,
.ps-lower-main table.woocommerce-product-attributes.shop_attributes tr:first-child
.woocommerce-product-attributes-item__value{
  border-top: 0;
}

/* Cột trái */
.ps-lower-main .woocommerce-product-attributes-item__label{
  width: 45%;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 13px;
  color: #222;
}

/* Cột phải */
.ps-lower-main .woocommerce-product-attributes-item__value{
  width: 55%;
  font-size: 15px;
  color: #555;
  border-left: 1px solid rgba(0;0;0;.06);
}

.ps-lower-main .woocommerce-product-attributes-item__value p{
  margin: 0;
}

/* ✅ Zebra theo hàng (giống ảnh đối thủ) */
.ps-lower-main table.woocommerce-product-attributes.shop_attributes tr:nth-child(odd) th,
.ps-lower-main table.woocommerce-product-attributes.shop_attributes tr:nth-child(odd) td{
  background: #f7f7f7;
}

.ps-lower-main table.woocommerce-product-attributes.shop_attributes tr:nth-child(even) th,
.ps-lower-main table.woocommerce-product-attributes.shop_attributes tr:nth-child(even) td{
  background: #fff;
}


/* =========================
   Responsive
   ========================= */
@media (max-width: 849px){
  .ps-lower-main .product-section{
    padding: 14px;
    border-radius: 16px;
  }

  .ps-lower-main .product-section h5.uppercase.mt{
    font-size: 18px;
  }

  .ps-lower-main .woocommerce-product-attributes-item__label,
  .ps-lower-main .woocommerce-product-attributes-item__value{
    padding: 14px;
  }

  .ps-lower-main .woocommerce-product-attributes-item__label{
    width: 42%;
    font-size: 12.5px;
  }

  .ps-lower-main .woocommerce-product-attributes-item__value{
    width: 58%;
    font-size: 14.5px;
  }
}