/* Sprint 917 — high-visibility premium commerce panel, direct yellow */

/* hard-coded premium palette as requested */
.tf-commerce-assurance-v2{
  display:block!important;
  margin-top:14px!important;
  border:1px solid #DCE4EC!important;
  border-radius:16px!important;
  background:#FFFFFF!important;
  overflow:hidden!important;
  box-shadow:0 12px 30px rgba(10,34,58,.06)!important
}

/* top benefits */
.tf-commerce-benefits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  background:#F8FAFC!important;
  border-bottom:1px solid #E7EDF2!important
}
.tf-commerce-benefits article{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:78px!important;
  padding:14px 16px!important;
  border-right:1px solid #E7EDF2!important
}
.tf-commerce-benefits article:last-child{border-right:0!important}
.tf-benefit-icon{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:50%!important;
  background:#FFF2BF!important;
  color:#A26E00!important
}
.tf-benefit-icon svg{width:24px!important;height:24px!important}
.tf-commerce-benefits b{
  display:block!important;
  color:#122C46!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important
}
.tf-commerce-benefits article div>span{
  display:block!important;
  margin-top:3px!important;
  color:#74879A!important;
  font-size:7px!important;
  line-height:1.3!important
}

/* payment row */
.tf-payment-strip-v2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:13px 15px!important;
  border-bottom:1px solid #E7EDF2!important;
  background:#FFFFFF!important
}
.tf-payment-copy{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important
}
.tf-payment-icon{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:10px!important;
  background:#FFF2BF!important;
  color:#A26E00!important
}
.tf-payment-icon svg{width:21px!important;height:21px!important}
.tf-payment-copy b{
  display:block!important;
  color:#153957!important;
  font-size:9px!important;
  font-weight:900!important
}
.tf-payment-copy div>span{
  display:block!important;
  margin-top:2px!important;
  color:#8394A4!important;
  font-size:6.5px!important
}
.tf-payment-methods-v2{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important
}
.tf-payment-methods-v2>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border:1px solid #D8E2EA!important;
  border-radius:9px!important;
  background:#FFFFFF!important;
  color:#234968!important;
  font-size:7px!important;
  font-weight:900!important
}
.tf-payment-methods-v2 svg{width:15px!important;height:15px!important;color:#A26E00!important}

/* dark dispatch band */
.tf-dispatch-banner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:13px 16px!important;
  background:#0D1B2E!important;
  color:#FFFFFF!important
}
.tf-dispatch-main{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important
}
.tf-dispatch-clock{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:50%!important;
  background:#F4B400!important;
  color:#0D1B2E!important
}
.tf-dispatch-clock svg{width:20px!important;height:20px!important}
.tf-dispatch-main b{
  display:block!important;
  color:#FFFFFF!important;
  font-size:10px!important;
  font-weight:900!important
}
.tf-dispatch-main div>span{
  display:block!important;
  margin-top:3px!important;
  color:#C5CFD9!important;
  font-size:7px!important;
  line-height:1.35!important
}
.tf-live-dot{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#192A41!important;
  color:#FFFFFF!important;
  font-size:6.5px!important;
  font-weight:900!important
}
.tf-live-dot i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#F4B400!important
}

/* delivery timeline */
.tf-delivery-timeline{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  background:#FFFFFF!important
}
.tf-delivery-timeline article{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:116px!important;
  padding:18px!important;
  border-right:1px solid #E7EDF2!important
}
.tf-delivery-timeline article:last-child{border-right:0!important}
.tf-delivery-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  border-radius:50%!important;
  background:#FFF2BF!important;
  color:#A26E00!important;
  border:2px solid #F4B400!important
}
.tf-delivery-icon svg{width:30px!important;height:30px!important}
.tf-delivery-timeline strong{
  display:block!important;
  margin-bottom:3px!important;
  color:#F4B400!important;
  font-size:7px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important
}
.tf-delivery-timeline b{
  display:block!important;
  color:#122C46!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important
}
.tf-delivery-timeline article div>span{
  display:block!important;
  margin-top:4px!important;
  color:#71869A!important;
  font-size:7px!important;
  line-height:1.35!important
}

/* share footer */
.tf-product-social-row-v2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:13px 15px!important;
  border-top:1px solid #E7EDF2!important;
  background:#F8FAFC!important
}
.tf-product-social-row-v2>div:first-child b{
  display:block!important;
  color:#153957!important;
  font-size:8px!important;
  font-weight:900!important
}
.tf-product-social-row-v2>div:first-child span{
  display:block!important;
  margin-top:2px!important;
  color:#8294A5!important;
  font-size:6.5px!important
}
.tf-share-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important
}
.tf-share-actions button,.tf-share-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:36px!important;
  padding:0 11px!important;
  border:1px solid #D5E0E9!important;
  border-radius:9px!important;
  background:#FFFFFF!important;
  color:#244E70!important;
  text-decoration:none!important;
  font-size:7px!important;
  font-weight:900!important
}
.tf-share-actions svg{width:16px!important;height:16px!important;color:#A26E00!important}

/* mobile */
@media(max-width:760px){
  .tf-commerce-benefits{grid-template-columns:1fr!important}
  .tf-commerce-benefits article{
    justify-content:flex-start!important;
    min-height:66px!important;
    border-right:0!important;
    border-bottom:1px solid #E7EDF2!important
  }
  .tf-commerce-benefits article:last-child{border-bottom:0!important}
  .tf-payment-strip-v2{
    align-items:flex-start!important;
    flex-direction:column!important
  }
  .tf-payment-methods-v2{justify-content:flex-start!important}
  .tf-dispatch-banner{
    align-items:flex-start!important;
    flex-direction:column!important
  }
  .tf-delivery-timeline{grid-template-columns:1fr!important}
  .tf-delivery-timeline article{
    justify-content:flex-start!important;
    min-height:88px!important;
    border-right:0!important;
    border-bottom:1px solid #E7EDF2!important
  }
  .tf-delivery-timeline article:last-child{border-bottom:0!important}
  .tf-product-social-row-v2{
    align-items:flex-start!important;
    flex-direction:column!important
  }
}

/* absolutely no gradients in this sprint */