/* Chicona V9 interaction stability
   Fixes intermittent product hover/click issues caused by moving hover transforms,
   hidden overlays, and decorative badges taking pointer focus. */

/* Product cards should not move away from the mouse. Shadow/color changes are stable. */
html body .product-card{
  position:relative!important;
  isolation:isolate!important;
  pointer-events:auto!important;
  transform:none!important;
  will-change:auto!important;
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease!important;
}
html body .product-card:hover,
html body .product-card:focus-within{
  transform:none!important;
  border-color:var(--gold, #C89B3C)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
  background:#fffefb!important;
}
html body .product-card .p-img,
html body .product-card img.p-img,
html body .product-card .product-img,
html body .product-card .product-image{
  transform:none!important;
  transition:transform .22s ease, opacity .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  html body .product-card:hover .p-img,
  html body .product-card:hover img.p-img,
  html body .product-card:hover .product-img,
  html body .product-card:hover .product-image{
    transform:scale(1.025)!important;
  }
}

/* Keep clickable parts above media/backgrounds. */
html body .product-card > .relative,
html body .product-card .product-media,
html body .product-card .p-media,
html body .product-card .media,
html body .product-card .img-wrap,
html body .product-card .p-body,
html body .product-card .product-body{
  position:relative!important;
  z-index:1!important;
}
html body .product-card a,
html body .product-card button,
html body .product-card [role="button"]{
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
html body .product-card .add-btn,
html body .product-card .btn-add,
html body .product-card button[data-id],
html body .product-card button[data-index-add],
html body .product-card .view-btn{
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body .product-card .add-btn:disabled,
html body .product-card .btn-add:disabled,
html body .product-card button[data-id]:disabled,
html body .product-card button[data-index-add]:disabled{
  cursor:wait!important;
  opacity:.72!important;
}

/* Decorative badges should not steal hover/click from image or button. */
html body .product-card :is(.tag-left,.tag-right,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge,.product-card-main-badge,.product-card-featured-badge){
  pointer-events:none!important;
  z-index:6!important;
}

/* Hidden overlays must never block product cards/buttons. */
html body :is(.cart-choice-overlay,.cart-choice-panel,.cart-pick-mask,.cart-pick-panel,.modal-mask,.modal-panel,.modal-overlay,.vg-overlay):not(.active):not(.show){
  pointer-events:none!important;
}
html body :is(.cart-choice-overlay,.cart-pick-mask,.modal-mask,.modal-overlay,.vg-overlay).active,
html body :is(.cart-choice-overlay,.cart-pick-mask,.modal-mask,.modal-overlay,.vg-overlay).show{
  pointer-events:auto!important;
}
html body :is(.cart-choice-panel,.cart-pick-panel,.modal-panel).active,
html body :is(.cart-choice-panel,.cart-pick-panel,.modal-panel).show{
  pointer-events:none!important;
}
html body :is(.cart-choice-card,.cart-pick-card,.modal-card,.modal-content,.modal-panel > *, .cart-choice-panel > *, .cart-pick-panel > *){
  pointer-events:auto!important;
}

/* Horizontal rows: allow buttons/cards to receive pointer events reliably while keeping scroll. */
html body :is(.hscroll,.products-grid-home,.offers-grid-home,#grid,#specialRow){
  pointer-events:auto!important;
}