div#pc-selected-info, #pc-category-list, #pc-attributes ul, #pc-brand-list, .pc-anlee-brand-child ul{ 
    background: #eeeded;
    padding: 10px;
    border-radius: 5px;
}
 ul#pc-category-list li, ul#pc-selected-attributes li,  ul#pc-brand-list li, ul#pc-selected-attributes li, div#pc-brand-child li  {
    list-style: none;
    text-align: center;
    display: inline-block;
    margin: 0;
 }
 
div#pc-selected-info p {
    margin: 0;
}
div#pc-selected-info p span {
    color: #1097cf;
    font-weight: 700;
}
.pc-anlee-category, .pc-anlee-brand, .pc-anlee-attributes-results, .pc-anlee-brand-child-results {
    position: relative;
    margin: 40px 0;

}
.pc-anlee-category span.pc-title, .pc-anlee-attributes-results span.pc-title, .pc-anlee-brand span.pc-title, .pc-anlee-brand-child-results span.pc-title {
    position: absolute;
    z-index: 999;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    top: -25px;
    background: #eeeded;
    padding: 2px 10px;
    color: #dd3333;
    border-radius: 10px 10px 0 0;
}
ul#pc-selected-attributes li{
    position: relative;
    margin: 5px !important;
    background: #1097cf;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
 
}
ul#pc-selected-attributes span.pc-remove-attr {
    position: absolute;
    top: -7px;
    right: -7px;
    background: #ffffff;
    width: 15px;
    height: 15px;
    border-radius: 99px;
    color: #000000;
    line-height: 0.9rem;
    font-weight: bold;
}
ul#pc-selected-attributes, ul#pc-category-list, ul#pc-brand-list, div#pc-attributes ul, div#pc-brand-child ul  {
     margin: 10px 0;
}
div#pc-attributes li {
    list-style: none;
    border: 1px solid #1097cf;
    padding: 5px;
    border-radius: 10px;
    background: #1097cf36;
}
 ul#pc-category-list li a, div#pc-attributes li a, ul#pc-brand-list li a, div#pc-brand-child li a{
    background: rgba(255, 255, 255, 0.68);
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px;
    color: #000000;
    position: relative;
    border: 1px solid rgb(255 255 255);
    display: inline-block;
 }
 /* khong cho click brand cha khi tai con */
 .pc-brand.disabled {
  pointer-events: none !important;
  opacity: 0.5;
  cursor: not-allowed;
}

/* chon danh muc hoac thuoc tinh */
.pc-category.selected,
.pc-attr.selected, .pc-anlee-brand .selected {
    background: #dd3333 !important;
    color: #fff !important;
    font-weight: bold;
}
.pc-category.selected:before, .pc-attr.selected:before, .pc-anlee-brand .selected:before  {
    top: 0;
    right: 0;
    content: '';
    position: absolute;
    border-left: 15px solid #ff000000;
    border-top: 15px solid #ffffff;
}
a.pc-category.selected:after, .pc-attr.selected:after, .pc-anlee-brand .selected:after {
    content: '';
    width: 5px;
    height: 5px;
    border: solid #dd3333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    background: none;
    margin: -2px 0 0 2px;
    border-radius: 0;
    position: absolute;
    right: 1px;
    top: 4px;
}
.pc-anlee-products-results {
    position: relative;
    margin: 10px;
}
.pc-anlee-products-results span.pc-title {
    margin: -10px;  
    font-weight: 700;

}
.pc-anlee-products-results .pc-anlee-products .products.row.row-small {
    border-left: 1px solid #d3d3d3 !important;
    border-top: 1px solid #d3d3d3 !important;
    padding: 0 !important;
}
.pc-anlee-products-results .products.row.row-small .price-extent ul {
    margin: 0;
}

button#pc-back-to-attributes {
    background: #1097cf;
    color: #ffff;
    padding: 0 10PX !important;
    font-size: 10px;
    position: fixed;
    border-radius: 99pc;
    bottom: 55px;
    z-index: 999;
}

/* thong báo swal2 */
/* Tùy chỉnh font-size cho tiêu đề và nội dung SweetAlert2 */
.swal2-popup {
    font-size: 14px !important; 
}
.swal2-title {
    font-size: 16px !important; 
}
.swal2-html-container {
    font-size: 14px !important; 
}
button.swal2-confirm.swal2-styled {
    font-size: 12px !important; 
    padding: 0 5px !important; 
}

/* CHI TIET SAN PHAM */
/* ===== POPUP FULL SCREEN PRODUCT DETAIL ===== */
.pc-popup-overlay {
  display: none;
  position: fixed;
  z-index: 10050;
  left: 0; top: 0;
  width: 100vw; height: 100vh;
  background: rgba(20, 20, 20, 0.92);
  transition: opacity 0.18s;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.pc-popup-overlay.active,
.pc-popup-overlay[style*="display: block"] {
  display: block !important;
  opacity: 1;
  animation: pc-fade-in 0.24s;
}
@keyframes pc-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.pc-popup-content {
  background: #fff;
  color: #222;
  margin: 40px auto;
  max-width: 780px;
  width: 96vw;
  border-radius: 14px;
  box-shadow: 0 10px 32px rgba(0,0,0,0.2);
  position: relative;
  padding: 36px 30px 28px 30px;
  min-height: 220px;
  max-height: 90vh;
  overflow-y: auto;
  animation: pc-popscale 0.24s cubic-bezier(.33,1.5,.68,1);
}
@keyframes pc-popscale {
  0% { transform: scale(.88); opacity: .2; }
  100% { transform: scale(1); opacity: 1; }
}
.pc-popup-close {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 2rem;
    color: #ffffff;
    background: rgb(255 0 0 / 70%);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    z-index: 11;
    transition: background .15s, color .15s;
}
.pc-popup-close:hover {
  color: #fff;
  background: #d40e1b;
}
#pc-popup-inner-content {
  margin-top: 8px;
}



#pc-popup-inner-content h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 12px;
}


#pc-popup-inner-content img {
    border-radius: 5px;
    margin-bottom: 10px;
}
#pc-popup-inner-content .pc-price {
  font-size: 1.2rem;
  color: #d40e1b;
  font-weight: bold;
  margin: 10px 0 12px 0;
}
#pc-popup-inner-content .pc-variations-list {
  margin: 12px 0 18px 0;
  padding-left: 18px;
  font-size: 1rem;
}
#pc-popup-inner-content .pc-description {
  margin-top: 16px;
  font-size: 1.05rem;
  color: #2b2b2b;
}
@media (max-width: 700px) {
  .pc-popup-content {
    max-width: 99vw;
    min-width: 0;
    padding: 16px 4vw 14px 4vw;
  }
.pc-gallery-thumbs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 10px 0 0 0;
    }
  .pc-gallery { max-width: 98vw; }
  .pc-gallery-main { aspect-ratio: 1.1/1; }
  .pc-thumb { width: 42px; height: 42px; }
  #pc-popup-inner-content h2 { font-size: 1.22rem; }
}
/* Chặn scroll nền khi mở popup */
body.pc-no-scroll {
  overflow: hidden !important;
}


/* GALLERY CHI TIẾT SẢN PHẨM */
.pc-gallery {
  width: 100%;
  max-width: 365px;
  margin: 0 auto 18px auto;
}
.pc-gallery-main {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: #f8f8f8;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .08);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pc-gallery-image {
  width: 100%;
  max-width: 390px;
  max-height: 390px;
  object-fit: cover;
  border-radius: 10px;
  transition: box-shadow .25s;
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.08);
  display: block;
  margin: 0 auto;
}
.pc-gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.8);
  border: none;
  border-radius: 50%;
  width: 20px !important;
  height: 20px !important;
  font-size: 1rem !important;
  color: #222;
  cursor: pointer;
  outline: none;
  z-index: 3;
  transition: background 0.2s, color 0.2s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.09);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  margin: 0;
}
.pc-gallery-arrow:hover {
  background: #d40e1b;
  color: #fff;
  opacity: 1;
}
.pc-gallery-prev { left: 8px; }
.pc-gallery-next { right: 8px; }

.pc-gallery-thumbs {
  display: flex;
  gap: 9px;
  justify-content: center;
  margin-top: 11px;
  margin-bottom: 6px;
}
.pc-thumb {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 7px;
  border: 2px solid transparent;
  background: #f1f1f1;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
  cursor: pointer;
  opacity: 0.85;
  transition: border 0.15s, box-shadow 0.18s, opacity 0.16s;
}
.pc-thumb.active,
.pc-thumb:hover {
  border: 2px solid #2185f5;
  box-shadow: 0 4px 16px rgba(33,133,245,0.13);
  opacity: 1;
}
/* 
chon bien the san pham */
.pc-variation-btn {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 4px;
  margin: 0 7px 7px 0;
  cursor: pointer;
  font-size: 0.8rem;
  transition: all 0.15s;
}
.pc-variation-btn.active,
.pc-variation-btn:hover {
  border-color: #d40e1b;
  color: #d40e1b;
  font-weight: 600;
  background: #f9f0f1;
}
.pc-variation-label {
  margin-bottom: 3px;
  font-size: 0.97rem;
  color: #222;
}
.pc-variation-btn[disabled] {
  background: #eee !important;
  color: #aaa !important;
  border-color: #ddd !important;
  pointer-events: none;
  opacity: 0.5;
}