/* Sprint 647 — Cart Offers + Sponsored Premium Layer */

/* Desktop premium enhancements */
@media(min-width:1024px){

  /* Dark offer cards create stronger visual hierarchy */
  .tf-cart-offers-647{
    display:grid!important;
    grid-template-columns:1.15fr 1fr 1fr!important;
    gap:10px!important;
    margin:0 0 14px!important;
  }

  .tf-cart-offers-647 article{
    position:relative!important;
    overflow:hidden!important;
    min-height:154px!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:14px!important;
    background:
      radial-gradient(circle at 88% 16%,rgba(255,194,58,.15),transparent 24%),
      linear-gradient(145deg,#0b284b 0%,#123862 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 28px rgba(10,37,71,.14)!important;
  }

  .tf-cart-offers-647 article.is-primary{
    background:
      radial-gradient(circle at 86% 18%,rgba(255,194,58,.23),transparent 26%),
      linear-gradient(145deg,#08264a 0%,#0f3a70 100%)!important;
  }

  .tf-cart-offers-647 article::after{
    content:""!important;
    position:absolute!important;
    width:120px!important;
    height:120px!important;
    right:-32px!important;
    bottom:-44px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }

  .tf-cart-offers-647 span{
    display:block!important;
    margin-bottom:11px!important;
    color:#ffc23a!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.13em!important;
  }

  .tf-cart-offers-647 strong{
    display:block!important;
    max-width:24ch!important;
    margin-bottom:7px!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  .tf-cart-offers-647 small{
    display:block!important;
    max-width:46ch!important;
    color:#b9c9dc!important;
    font-size:9px!important;
    line-height:1.45!important;
  }

  .tf-cart-offers-647 b{
    position:absolute!important;
    left:18px!important;
    bottom:15px!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:26px!important;
    padding:0 9px!important;
    border:1px solid rgba(255,194,58,.32)!important;
    border-radius:999px!important;
    background:rgba(255,194,58,.10)!important;
    color:#ffd56f!important;
    font-size:8px!important;
    font-weight:900!important;
  }

  /* Make summary feel more commercial */
  .cart-summary{
    overflow:hidden!important;
  }

  .cart-summary::before{
    content:"Secure sourcing summary"!important;
    display:block!important;
    margin:-18px -18px 16px!important;
    padding:13px 18px!important;
    background:linear-gradient(135deg,#0b2b53,#113c70)!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.03em!important;
  }

  .cart-summary .button-outline{
    border-color:#e7be51!important;
    background:#fff9e9!important;
    color:#6c4a08!important;
  }

  /* Sponsored banner */
  .tf-cart-sponsored-647{
    width:calc(100% - 56px)!important;
    max-width:1560px!important;
    margin:16px auto 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr)!important;
    gap:18px!important;
    align-items:center!important;
    min-height:210px!important;
    padding:24px 26px!important;
    overflow:hidden!important;
    border:1px solid #0f3158!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 82% 8%,rgba(255,194,58,.20),transparent 22%),
      radial-gradient(circle at 55% 120%,rgba(41,111,202,.22),transparent 34%),
      linear-gradient(135deg,#071f3e 0%,#0b2e58 55%,#113d70 100%)!important;
    box-shadow:0 14px 36px rgba(7,31,62,.18)!important;
  }

  .tf-cart-sponsored-copy span{
    display:block!important;
    margin-bottom:8px!important;
    color:#ffc23a!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.13em!important;
  }

  .tf-cart-sponsored-copy h2{
    max-width:18ch!important;
    margin:0 0 9px!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }

  .tf-cart-sponsored-copy p{
    max-width:64ch!important;
    margin:0 0 16px!important;
    color:#b9c9dc!important;
    font-size:10px!important;
    line-height:1.5!important;
  }

  .tf-cart-sponsored-copy>div{
    display:flex!important;
    gap:8px!important;
  }

  .tf-cart-sponsored-copy a{
    min-height:38px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #ffc23a!important;
    border-radius:9px!important;
    background:#ffc23a!important;
    color:#092b54!important;
    text-decoration:none!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  .tf-cart-sponsored-copy a.secondary{
    border-color:rgba(255,255,255,.22)!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
  }

  .tf-cart-sponsored-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .tf-cart-sponsored-stats article{
    min-height:100px!important;
    padding:14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.06)!important;
    backdrop-filter:blur(8px)!important;
  }

  .tf-cart-sponsored-stats strong{
    color:#fff!important;
    font-size:21px!important;
    line-height:1!important;
  }

  .tf-cart-sponsored-stats small{
    display:block!important;
    margin-top:6px!important;
    color:#b9c9dc!important;
    font-size:8px!important;
    line-height:1.3!important;
  }

  /* Existing four cards become tighter and more premium */
  .tf-cart-desktop-insights-646{
    gap:9px!important;
  }

  .tf-cart-desktop-insights-646 article{
    min-height:104px!important;
    background:linear-gradient(180deg,#fff,#f8fbff)!important;
  }

  .tf-cart-desktop-insights-646 article:hover{
    border-color:#c4d6e8!important;
    box-shadow:0 8px 22px rgba(14,44,78,.055)!important;
  }
}

/* Tablet/mobile: preserve current cart, only make new promo content responsive if it appears */
@media(max-width:1023px){
  .tf-cart-offers-647{
    display:none!important;
  }
  .tf-cart-sponsored-647{
    display:none!important;
  }
}