.roxc-installments{
  margin:14px 0 18px;
  max-width:520px;
  font-family:inherit;
  color:var(--roxi-value-color,#202124);
}
.roxc-pay-line{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 0;
}
.roxc-pay-line+.roxc-pay-line{border-top:1px solid #eef0f2}
.roxc-pay-dot{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid #e1e5e8;
  border-radius:8px;
  background:#f8f9fa;
  color:var(--roxi-accent-color,#3f464d);
  font-size:12px;
}
.roxc-pay-copy{
  display:grid;
  grid-template-columns:auto auto;
  align-items:baseline;
  column-gap:7px;
  row-gap:1px;
  min-width:0;
}
.roxc-pay-label{
  grid-column:1/-1;
  color:var(--roxi-text-color,#747b82);
  font-size:var(--roxi-text-size,11px);
  font-weight:650;
  line-height:1.25;
}
.roxc-pay-copy strong{
  color:var(--roxi-value-color,#202124);
  font-size:var(--roxi-value-size,16px);
  line-height:1.25;
  font-weight:800;
}
.roxc-pay-copy small{
  color:var(--roxi-text-color,#747b82);
  font-size:calc(var(--roxi-text-size,11px) - 1px);
  font-weight:600;
}

/* Product grids/listings — deliberately sits below the Woo price. */
.roxc-loop-installment{
  display:block!important;
  position:static!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  margin:6px 0 8px!important;
  padding:0!important;
  color:var(--roxi-text-color,#747b82)!important;
  font-size:max(11px,var(--roxi-text-size,11px))!important;
  line-height:1.35!important;
  font-weight:500!important;
  text-align:inherit!important;
}
.roxc-loop-installment strong{
  color:var(--roxi-value-color,#202124)!important;
  font-size:inherit!important;
  font-weight:800!important;
}
.roxc-loop-installment span{white-space:nowrap}

/* Cart summary */
.roxc-cart-installment{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:10px;
  row-gap:2px;
  margin:10px 0 3px;
  padding:11px 0 2px;
  border-top:1px solid #edf0f2;
}
.roxc-cart-installment>span{
  align-self:center;
  color:var(--roxi-text-color,#747b82);
  font-size:var(--roxi-text-size,11px);
  font-weight:650;
}
.roxc-cart-installment>strong{
  color:var(--roxi-value-color,#202124);
  font-size:var(--roxi-value-size,16px);
  line-height:1.2;
  font-weight:800;
  text-align:right;
}
.roxc-cart-installment>small{
  grid-column:2;
  color:var(--roxi-text-color,#747b82);
  font-size:calc(var(--roxi-text-size,11px) - 1px);
  text-align:right;
}

@media(max-width:600px){
  .roxc-installments{max-width:none}
  .roxc-pay-copy strong{font-size:var(--roxi-value-size,16px)}
  .roxc-loop-installment{text-align:center!important}
  .roxc-cart-installment{
    grid-template-columns:1fr;
    text-align:center;
  }
  .roxc-cart-installment>strong,
  .roxc-cart-installment>small{
    grid-column:1;
    text-align:center;
  }
}


/* Rox Checkout 0.4.2 — product-page hardening and separate PIX/card styling */

/* Neutralize aggressive theme selectors such as .produto-wrap .amount {font-size:48px}. */
.roxc-installments .woocommerce-Price-amount,
.roxc-installments .woocommerce-Price-amount.amount,
.produto-wrap .roxc-installments .amount,
.produto-wrap .roxc-installments .woocommerce-Price-amount{
  font-size:inherit!important;
  line-height:inherit!important;
  color:inherit!important;
  font-weight:inherit!important;
}

.roxc-installments .roxc-pay-line--cash .roxc-pay-copy strong,
.roxc-installments .roxc-pay-line--cash .roxc-pay-copy strong *,
.roxc-installments .roxc-pay-line--cash .woocommerce-Price-amount{
  color:var(--roxi-cash-value-color,#1d7a46)!important;
  font-size:var(--roxi-value-size,16px)!important;
  line-height:1.25!important;
  font-weight:800!important;
}

.roxc-installments .roxc-pay-line--card .roxc-pay-copy strong,
.roxc-installments .roxc-pay-line--card .roxc-pay-copy strong *,
.roxc-installments .roxc-pay-line--card .woocommerce-Price-amount{
  color:var(--roxi-card-value-color,#202124)!important;
  font-size:var(--roxi-value-size,16px)!important;
  line-height:1.25!important;
  font-weight:800!important;
}

.roxc-installments .roxc-pay-dot{
  width:calc(var(--roxi-icon-size,18px) + 16px)!important;
  height:calc(var(--roxi-icon-size,18px) + 16px)!important;
  flex-basis:calc(var(--roxi-icon-size,18px) + 16px)!important;
}

.roxc-installments .roxc-pay-dot svg{
  display:block!important;
  width:var(--roxi-icon-size,18px)!important;
  height:var(--roxi-icon-size,18px)!important;
  max-width:none!important;
  max-height:none!important;
}

.roxc-installments .roxc-pay-dot--cash{
  color:var(--roxi-cash-icon-color,#1d7a46)!important;
  background:color-mix(in srgb,var(--roxi-cash-icon-color,#1d7a46) 7%,#fff)!important;
  border-color:color-mix(in srgb,var(--roxi-cash-icon-color,#1d7a46) 22%,#e1e5e8)!important;
}

.roxc-installments .roxc-pay-dot--card{
  color:var(--roxi-card-icon-color,#4f5861)!important;
  background:color-mix(in srgb,var(--roxi-card-icon-color,#4f5861) 6%,#fff)!important;
  border-color:color-mix(in srgb,var(--roxi-card-icon-color,#4f5861) 20%,#e1e5e8)!important;
}

/* Fallback for browsers without color-mix support. */
@supports not (color:color-mix(in srgb,#000 50%,#fff)){
  .roxc-installments .roxc-pay-dot--cash,
  .roxc-installments .roxc-pay-dot--card{
    background:#f8f9fa!important;
    border-color:#e1e5e8!important;
  }
}