/* Sprint 916 — Premium secure commerce panel + remove duplicate center CTAs */

/* Center duplicate CTA grid is intentionally removed from markup.
   The active purchase CTAs now live under the product gallery. */

.tf-commerce-assurance{
  display:block!important;
  margin-top:12px!important;
  border:1px solid #dce5ed!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(16,50,82,.045)!important
}

.tf-payment-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:13px 14px!important;
  border-bottom:1px solid #edf1f4!important;
  background:#fbfcfd!important
}
.tf-payment-title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  color:#183d61!important
}
.tf-payment-title-icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:9px!important;
  background:#eef4fa!important;
  color:#173e64!important
}
.tf-payment-title-icon svg{width:19px!important;height:19px!important}
.tf-payment-title>span:last-child{display:block!important;min-width:0!important}
.tf-payment-title b{
  display:block!important;
  font-size:8px!important;
  line-height:1.2!important;
  color:#173e64!important
}
.tf-payment-title small{
  display:block!important;
  margin-top:2px!important;
  font-size:6px!important;
  line-height:1.2!important;
  color:#8998a7!important
}
.tf-payment-methods{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important
}
.tf-payment-methods b{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:31px!important;
  padding:0 9px!important;
  border:1px solid #dbe4ec!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294b69!important;
  font-size:6.5px!important;
  font-weight:900!important;
  white-space:nowrap!important
}
.tf-payment-methods b svg{
  width:14px!important;
  height:14px!important;
  color:#315f88!important
}

.tf-order-flow-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 14px 3px!important;
  background:#fff!important
}
.tf-order-flow-head span{
  color:#d99805!important;
  font-size:5.5px!important;
  font-weight:900!important;
  letter-spacing:.09em!important
}
.tf-order-flow-head b{
  color:#173e64!important;
  font-size:8px!important;
  font-weight:900!important
}

.tf-order-timeline{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  padding:8px 10px 12px!important;
  background:#fff!important
}
.tf-order-timeline article{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  padding:12px!important;
  border-right:1px solid #edf1f4!important
}
.tf-order-timeline article:last-child{border-right:0!important}
.tf-timeline-icon{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:11px!important;
  background:#fff3c9!important;
  color:#986a09!important
}
.tf-timeline-icon svg{width:20px!important;height:20px!important}
.tf-order-timeline article div{min-width:0!important}
.tf-order-timeline b{
  display:block!important;
  color:#163a5c!important;
  font-size:8px!important;
  line-height:1.25!important;
  font-weight:900!important
}
.tf-order-timeline article div>span{
  display:block!important;
  margin-top:3px!important;
  color:#8796a5!important;
  font-size:6.5px!important;
  line-height:1.35!important
}

.tf-product-social-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:11px 14px!important;
  border-top:1px solid #edf1f4!important;
  background:#fbfcfd!important
}
.tf-share-copy{
  display:block!important;
  margin-right:auto!important;
  min-width:0!important
}
.tf-share-copy b{
  display:block!important;
  color:#173e64!important;
  font-size:7.5px!important;
  font-weight:900!important
}
.tf-share-copy small{
  display:block!important;
  margin-top:2px!important;
  color:#8a99a7!important;
  font-size:6px!important;
  line-height:1.25!important
}
.tf-product-social-row button,
.tf-product-social-row a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border:1px solid #d9e3eb!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#285a84!important;
  text-decoration:none!important;
  font-size:6.5px!important;
  font-weight:900!important
}
.tf-product-social-row svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important
}

/* remove leftover space where the old center CTA block lived */
.product-page-v2 .buyer-protection-line{
  margin-top:8px!important
}

@media(max-width:760px){
  .tf-payment-strip{
    align-items:flex-start!important;
    flex-direction:column!important
  }
  .tf-payment-methods{
    justify-content:flex-start!important
  }
  .tf-order-flow-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:3px!important
  }
  .tf-order-timeline{
    grid-template-columns:1fr!important
  }
  .tf-order-timeline article{
    border-right:0!important;
    border-bottom:1px solid #edf1f4!important
  }
  .tf-order-timeline article:last-child{
    border-bottom:0!important
  }
  .tf-product-social-row{
    flex-wrap:wrap!important
  }
  .tf-share-copy{
    width:100%!important;
    margin:0 0 3px!important
  }
}