/* TEVCO 6.11.1 — Tamara and Tabby installment messaging. */
.tevco-611-installments{--tevco-installment-border:#dbe3ec;display:grid;gap:8px;clear:both;color:#102f58}
.tevco-611-installment{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid var(--tevco-installment-border);border-radius:12px;box-sizing:border-box}
.tevco-611-installment img{display:block;flex:0 0 auto;width:64px;max-width:24%;height:27px;object-fit:contain}
.tevco-611-installment span{display:grid;gap:2px;min-width:0;line-height:1.45}
.tevco-611-installment b{font-size:13px;font-weight:800;color:#102f58}
.tevco-611-installment small{font-size:12px;color:#52637a}
.tevco-611-installment--tamara{border-inline-start:3px solid #f3a7b5}
.tevco-611-installment--tabby{border-inline-start:3px solid #3ce6a8}

.tevco-611-installments--single{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px}
.tevco-611-installments--single .tevco-611-installment{min-height:72px;padding:12px 14px}
.tevco-611-installments--single>p{grid-column:1/-1;margin:1px 3px 0;font-size:11px;line-height:1.65;color:#68778b}

.tevco-611-installments--loop{margin:8px 0 3px;gap:5px}
.tevco-611-installments--loop .tevco-611-installment{min-height:46px;padding:7px 8px;gap:8px;border-radius:9px}
.tevco-611-installments--loop .tevco-611-installment img{width:48px;height:20px}
.tevco-611-installments--loop .tevco-611-installment b{font-size:10.5px}
.tevco-611-installments--loop .tevco-611-installment small{font-size:10px;white-space:normal}

@media(max-width:767px){
  .tevco-611-installments--single{grid-template-columns:1fr;padding:9px}
  .tevco-611-installments--single .tevco-611-installment{min-height:62px;padding:10px 12px}
  .tevco-611-installment img{width:58px}
  .tevco-611-installments--loop{gap:4px}
  .tevco-611-installments--loop .tevco-611-installment{min-height:42px;padding:6px}
  .tevco-611-installments--loop .tevco-611-installment img{width:42px}
  .tevco-611-installments--loop .tevco-611-installment b{font-size:10px}
  .tevco-611-installments--loop .tevco-611-installment small{font-size:9.5px}
}

/*
 * WooCommerce gives every image inside a product-loop link width:100%.
 * Keep payment artwork at its natural logo size with a more specific rule so
 * it cannot inherit the product-thumbnail dimensions.
 */
.woocommerce ul.products li.product .tevco-611-installments--loop{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  gap:5px!important;
  overflow:hidden;
}
.woocommerce ul.products li.product .tevco-611-installments--loop .tevco-611-installment{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:44px!important;
  padding:6px 8px!important;
  margin:0!important;
  overflow:hidden;
}
.woocommerce ul.products li.product .tevco-611-installments--loop .tevco-611-installment img,
.single-product .summary .tevco-611-installment img{
  display:block!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:20px!important;
  min-height:0!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  transform:none!important;
}
.woocommerce ul.products li.product .tevco-611-installments--loop .tevco-611-installment span{
  display:grid!important;
  min-width:0!important;
  gap:1px!important;
  overflow:hidden;
}
.woocommerce ul.products li.product .tevco-611-installments--loop .tevco-611-installment b,
.woocommerce ul.products li.product .tevco-611-installments--loop .tevco-611-installment small{
  display:block!important;
  width:auto!important;
  margin:0!important;
  overflow-wrap:anywhere;
}

@media(max-width:767px){
  .woocommerce ul.products li.product .tevco-611-installments--loop .tevco-611-installment{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:40px!important;
    padding:5px 6px!important;
    gap:6px!important;
  }
  .woocommerce ul.products li.product .tevco-611-installments--loop .tevco-611-installment img{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:17px!important;
    max-height:17px!important;
  }
}