.tendb-pro-banner{--yellow:#ffd400;--dark:#191919;font-family:Arial,Helvetica,sans-serif;border-radius:15px;overflow:hidden;background:var(--dark);box-shadow:0 12px 32px rgba(0,0,0,.16);margin:18px 0}
.tendb-pro-banner.tendb-pro-fullwidth{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}
.tendb-pro-art,.tendb-pro-art picture,.tendb-pro-art img{display:block;width:100%}.tendb-pro-art img{height:auto}
.tendb-pro-bar{display:grid;grid-template-columns:minmax(430px,1.12fr) 1px minmax(350px,.82fr) minmax(145px,.42fr);grid-template-areas:"price divider clock cta";align-items:center;column-gap:34px;min-height:104px;padding:14px 28px;border-top:4px solid var(--yellow);color:#fff;background:#191919}
.tendb-pro-price{grid-area:price;display:grid;grid-template-columns:auto auto auto;grid-template-areas:"limited sale save" "old sale save";align-items:center;justify-content:start;column-gap:18px;row-gap:6px;min-width:0}
.tendb-pro-limited{grid-area:limited;width:max-content;background:var(--yellow);color:#111;padding:6px 10px;border:0;border-radius:6px;font-size:10px;line-height:1;letter-spacing:.3px;font-weight:900;white-space:nowrap}
.tendb-pro-old{grid-area:old;font-size:17px;line-height:1;color:#969696;opacity:1;text-decoration:line-through;white-space:nowrap}
.tendb-pro-price strong{grid-area:sale;font-size:43px;line-height:.95;color:var(--yellow);font-weight:900;letter-spacing:-.7px;white-space:nowrap}
.tendb-pro-save{grid-area:save;background:var(--yellow);color:#111;padding:13px 16px;border-radius:7px;font-size:13px;line-height:1;font-weight:900;white-space:nowrap}
.tendb-pro-bar:before{content:"";grid-area:divider;display:block;width:1px;height:72px;background:rgba(255,212,0,.65);justify-self:center}
.tendb-pro-clock{grid-area:clock;text-align:center;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;min-width:0}
.tendb-pro-clock>small{display:block;font-size:17px;line-height:1;letter-spacing:.4px;font-weight:900;color:#fff;margin:0 0 9px}
.tendb-pro-clock>div{display:flex;justify-content:center;align-items:flex-start;gap:8px}
.tendb-pro-clock span{display:flex;flex-direction:column;align-items:center;min-width:50px}
.tendb-pro-clock b{font-size:32px;line-height:1;color:var(--yellow);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.tendb-pro-clock i{font-size:9px;line-height:1;font-style:normal;color:#e0e0e0;margin-top:8px;letter-spacing:.2px}
.tendb-pro-clock em{font-style:normal;color:#777;font-weight:700;font-size:24px;line-height:30px;margin:0 -1px}
.tendb-pro-cta{grid-area:cta;justify-self:end;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);color:#111!important;text-decoration:none!important;font-size:14px;line-height:1;font-weight:900;padding:17px 21px;border-radius:7px;white-space:nowrap;transition:transform .15s ease,filter .15s ease}
.tendb-pro-cta:hover{transform:translateY(-1px);filter:brightness(.96)}.tendb-pro-cta span{font-size:24px;line-height:12px}
@media(min-width:1200px){.tendb-pro-fullwidth .tendb-pro-bar{padding-left:max(34px,calc((100vw - 1500px)/2));padding-right:max(34px,calc((100vw - 1500px)/2))}}
@media(max-width:1150px){.tendb-pro-bar{grid-template-columns:minmax(360px,1.1fr) 1px minmax(310px,.9fr) auto;column-gap:22px;padding-left:20px;padding-right:20px}.tendb-pro-price{column-gap:12px}.tendb-pro-price strong{font-size:36px}.tendb-pro-save{padding:11px 12px}.tendb-pro-clock b{font-size:28px}.tendb-pro-clock span{min-width:44px}.tendb-pro-cta{padding:15px 15px}}
@media(max-width:900px){.tendb-pro-bar{grid-template-columns:1fr;grid-template-areas:"price" "clock" "cta";gap:17px;padding:18px;min-height:0}.tendb-pro-bar:before{display:none}.tendb-pro-price{justify-content:center}.tendb-pro-clock{width:min(100%,430px);margin:0 auto}.tendb-pro-cta{justify-self:center;min-width:150px}}
@media(max-width:520px){.tendb-pro-banner.tendb-pro-fullwidth{border-radius:0}.tendb-pro-price{grid-template-columns:auto auto;grid-template-areas:"limited limited" "old sale" "save save";justify-items:center;column-gap:12px}.tendb-pro-limited{justify-self:center}.tendb-pro-price strong{font-size:35px}.tendb-pro-old{font-size:15px}.tendb-pro-save{justify-self:center;padding:10px 14px}.tendb-pro-clock>small{font-size:15px}.tendb-pro-clock b{font-size:27px}.tendb-pro-clock>div{gap:4px}.tendb-pro-clock span{min-width:40px}.tendb-pro-clock em{font-size:19px;line-height:26px}.tendb-pro-cta{width:100%;box-sizing:border-box}}


/* v3.1.3 — MOBILE-ONLY visual alignment. Desktop/tablet >=768px unchanged. */
@media (max-width:767px){
  .tendb-pro-banner .tendb-pro-bar{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:34px 22px 36px;
    text-align:center;
  }

  .tendb-pro-banner .tendb-pro-price{
    width:100%;
    display:grid;
    grid-template-columns:auto auto;
    grid-template-areas:
      "limited limited"
      "old current"
      "save save";
    justify-content:center;
    align-items:center;
    column-gap:14px;
    row-gap:9px;
    margin:0;
    text-align:center;
  }

  .tendb-pro-banner .tendb-pro-limited{
    grid-area:limited;
    justify-self:center;
    flex-basis:auto;
    width:auto;
    max-width:none;
    margin:0 0 2px;
    padding:8px 13px;
    border:0;
    border-radius:7px;
    background:var(--yellow);
    color:#151515;
    font-size:11px;
    line-height:1;
    letter-spacing:.35px;
    font-weight:900;
  }

  .tendb-pro-banner .tendb-pro-old{
    grid-area:old;
    justify-self:end;
    margin:0;
    font-size:18px;
    line-height:1;
    opacity:.58;
  }

  .tendb-pro-banner .tendb-pro-price strong{
    grid-area:current;
    justify-self:start;
    margin:0;
    font-size:48px;
    line-height:.95;
    letter-spacing:0;
  }

  .tendb-pro-banner .tendb-pro-save{
    grid-area:save;
    justify-self:center;
    margin:3px 0 0;
    padding:10px 15px;
    border-radius:7px;
    font-size:13px;
    line-height:1;
  }

  .tendb-pro-banner .tendb-pro-clock{
    width:100%;
    max-width:390px;
    box-sizing:border-box;
    margin:30px auto 0;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
  }

  .tendb-pro-banner .tendb-pro-clock>small{
    margin:0 0 14px;
    font-size:20px;
    line-height:1;
    letter-spacing:0;
    font-weight:900;
  }

  .tendb-pro-banner .tendb-pro-clock>div{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:6px;
    width:100%;
  }

  .tendb-pro-banner .tendb-pro-clock span{
    min-width:55px;
  }

  .tendb-pro-banner .tendb-pro-clock b{
    font-size:34px;
    line-height:1;
  }

  .tendb-pro-banner .tendb-pro-clock i{
    margin-top:8px;
    font-size:10px;
    line-height:1;
  }

  .tendb-pro-banner .tendb-pro-clock em{
    margin-top:7px;
    font-size:20px;
    line-height:1;
  }

  .tendb-pro-banner .tendb-pro-cta{
    width:100%;
    max-width:390px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:32px auto 0;
    padding:17px 20px;
    border-radius:8px;
    font-size:18px;
    line-height:1;
  }

  .tendb-pro-banner .tendb-pro-cta span{
    margin-left:7px;
    font-size:24px;
  }
}

@media (max-width:390px){
  .tendb-pro-banner .tendb-pro-bar{padding-left:16px;padding-right:16px}
  .tendb-pro-banner .tendb-pro-price{column-gap:10px}
  .tendb-pro-banner .tendb-pro-price strong{font-size:42px}
  .tendb-pro-banner .tendb-pro-old{font-size:16px}
  .tendb-pro-banner .tendb-pro-clock span{min-width:49px}
  .tendb-pro-banner .tendb-pro-clock b{font-size:30px}
}
