
/* =========================================================
   UNIVERSAL SMART MATCH UI CONTRACT — Batch 30
   Future categories should use:
     .universal-smartmatch-entry[data-smartmatch-category]
     .universal-smartmatch-results[data-smartmatch-category]
     .usm-result-card / .usm-result-product / .usm-result-reason
   Category-specific scoring/data stay in adapters/config only.
   ========================================================= */

.universal-smartmatch-entry{
  position:relative!important;
  cursor:pointer!important;
  touch-action:manipulation;
}
.universal-smartmatch-entry:before,
.universal-smartmatch-entry:after,
.universal-smartmatch-entry .helper-orbit:before,
.universal-smartmatch-entry .helper-orbit:after{
  pointer-events:none!important;
}
.universal-smartmatch-entry > button{
  cursor:pointer!important;
  position:relative!important;
  z-index:2!important;
  touch-action:manipulation;
}

/* Shared result-card aliases. Existing helper-v2 classes remain supported. */
.universal-smartmatch-results .usm-result-card,
.universal-smartmatch-results .helper-v2-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.universal-smartmatch-results .usm-result-product,
.universal-smartmatch-results .helper-v2-product,
.universal-smartmatch-results .helper-v2-main{
  display:grid!important;
  grid-template-columns:105px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  margin-top:13px!important;
  width:100%!important;
  min-width:0!important;
}
.universal-smartmatch-results .usm-result-product > img,
.universal-smartmatch-results .helper-v2-product > img,
.universal-smartmatch-results .helper-v2-main > img{
  width:105px!important;
  height:105px!important;
  max-width:105px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:17px!important;
  background:#f6f7f8!important;
}
.universal-smartmatch-results .usm-result-product > div,
.universal-smartmatch-results .helper-v2-product > div,
.universal-smartmatch-results .helper-v2-main > div{
  min-width:0!important;
}
.universal-smartmatch-results .usm-result-product h3,
.universal-smartmatch-results .helper-v2-product h3,
.universal-smartmatch-results .helper-v2-main h3{
  overflow-wrap:anywhere!important;
}
.universal-smartmatch-results .usm-result-reason,
.universal-smartmatch-results .helper-v2-reason,
.universal-smartmatch-results .usm-result-tags,
.universal-smartmatch-results .helper-v2-tags,
.universal-smartmatch-results .usm-result-actions,
.universal-smartmatch-results .helper-v2-actions-row{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.universal-smartmatch-results .usm-result-tags,
.universal-smartmatch-results .helper-v2-tags{
  display:flex!important;
  flex-wrap:wrap!important;
}
.universal-smartmatch-results .usm-result-actions,
.universal-smartmatch-results .helper-v2-actions-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.universal-smartmatch-results .usm-result-actions a,
.universal-smartmatch-results .usm-result-actions button,
.universal-smartmatch-results .helper-v2-actions-row a,
.universal-smartmatch-results .helper-v2-actions-row button{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.universal-smartmatch-results .helper-v2-alternatives{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
}

@media(max-width:520px){
  .universal-smartmatch-results .usm-result-product,
  .universal-smartmatch-results .helper-v2-product,
  .universal-smartmatch-results .helper-v2-main{
    grid-template-columns:105px minmax(0,1fr)!important;
    gap:13px!important;
  }
  .universal-smartmatch-results .usm-result-product > img,
  .universal-smartmatch-results .helper-v2-product > img,
  .universal-smartmatch-results .helper-v2-main > img{
    width:105px!important;
    height:105px!important;
    max-width:105px!important;
  }
}

/* Public CSS capability marker for future category QA. */
html{--annideee-smartmatch-contract-version:30}
