/* AutoStyle: active sale filter and product badge theme — 2026-08-05 */
.catalog-top .catalog-top-discount-field{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:max-content!important;
  margin:0!important;
  padding:9px 14px!important;
  border:1px solid #dbe3ef!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:none!important;
  cursor:pointer!important;
  user-select:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
.catalog-top .catalog-top-discount-field:hover,
.catalog-top .catalog-top-discount-field:focus-within{
  border-color:#28d51d!important;
  box-shadow:none!important;
  transform:none!important;
}
.catalog-top .catalog-top-discount-field .catalog-filter-check{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  color:inherit!important;
  font-weight:950!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.catalog-top .catalog-top-discount-field input[type="checkbox"]{
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  accent-color:#20b719!important;
  cursor:pointer!important;
}
.catalog-top .catalog-top-discount-field.is-active{
  border-color:#16b914!important;
  background:#28e11a!important;
  color:#061009!important;
  box-shadow:none!important;
  transform:none!important;
}
.catalog-top .catalog-top-discount-field:has(input[type="checkbox"]:checked){
  border-color:#16b914!important;
  background:#28e11a!important;
  color:#061009!important;
  box-shadow:none!important;
  transform:none!important;
}
.catalog-top .catalog-top-discount-field.is-active:hover,
.catalog-top .catalog-top-discount-field:has(input[type="checkbox"]:checked):hover{
  background:#22c916!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Red sale badge */
.discount-badge,
.card-discount-badge,
.catalog-discount-badge,
.sale-badge,
.product-discount-pill{
  border:1px solid rgba(196,24,39,.28)!important;
  background:linear-gradient(135deg,#ff4b3f 0%,#dc2438 100%)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:1000!important;
  text-shadow:none!important;
}

/* Bright green installment badge */
.installment-badge:empty,
.catalog-installment-badge:empty{
  display:none!important;
  min-height:0!important;
  height:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.as-desktop-installment-top,
.installment-badge:not(:empty),
.catalog-installment-badge:not(:empty),
.product-installment-inline{
  border:1px solid rgba(24,171,17,.72)!important;
  background:linear-gradient(135deg,#39ed2b 0%,#13b70f 100%)!important;
  color:#061009!important;
  box-shadow:none!important;
  font-weight:1000!important;
  text-shadow:none!important;
}
.as-desktop-installment-top{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  max-width:150px!important;
  padding:6px 10px!important;
  margin:0!important;
  border-radius:999px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.installment-badge:not(:empty),
.catalog-installment-badge:not(:empty){
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  line-height:1.1!important;
}
.product-installment-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 11px!important;
  border-radius:999px!important;
}
.product-installment-inline b,
.product-installment-inline span{
  color:inherit!important;
}

/* Catalog cards must stay visually identical to the calm cards on the home page. */
.catalog-page #catalogGrid .catalog-card,
.catalog-page #catalogGrid .catalog-card:hover,
.catalog-page #catalogGrid .catalog-card:focus,
.catalog-page #catalogGrid .catalog-card.active{
  transform:none!important;
  border-color:#e8edf3!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
}
@media(max-width:1100px){
  .as-desktop-installment-top{
    max-width:125px!important;
    padding:6px 8px!important;
    font-size:11px!important;
  }
}