.breadcrumbs-container{margin-bottom:10px}.tt-promo{--tt-bg: #fbc607;--tt-text: #000000;--tt-accent: #F7B500;background:var(--tt-bg);margin:var(--space-medium, 1.5rem) 0 var(--space-large, 2rem);border:1px solid rgba(0,0,0,.1);border-radius:var(--button-radius, 0);overflow:hidden}.tt-promo__hdr{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-medium, 1.25rem);padding:var(--space-medium, 1.5rem);align-items:center;background:#fff3}.tt-promo__icon{font-size:2rem;line-height:1}.tt-promo__title{margin:0 0 .25rem;font-size:var(--font-size-heading-4, 1.25rem);font-weight:var(--heading-font-weight, 700);font-family:var(--heading-font-family, inherit);color:var(--tt-text);line-height:1.3}.tt-promo__desc{margin:0;font-size:var(--font-size-body, 1rem);color:var(--tt-text);line-height:1.5}.tt-promo__desc strong{font-weight:700;background:#00000014;padding:.125rem .5rem;border-radius:2px}.tt-promo__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.tt-promo__btn{padding:var(--button-padding, .75rem 1.25rem);font-weight:var(--heading-font-weight, 700);font-size:var(--font-size-button-small, .875rem);font-family:var(--button-font-family, inherit);letter-spacing:var(--button-letter-spacing, 0);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--button-radius, 0);transition:all .2s ease;min-width:90px;text-align:center;line-height:1.42}.tt-promo__btn--primary{background-color:var(--color-button-primary, #000);color:var(--color-button-primary-text, #fff);border:1px solid var(--color-button-primary, #000)}.tt-promo__btn--primary:hover{opacity:.9;box-shadow:0 3px 8px #0000001a}.tt-promo__btn--secondary{background-color:transparent;color:var(--tt-text);border:1px solid var(--tt-text)}.tt-promo__btn--secondary:hover{background-color:#0000000d;box-shadow:0 3px 8px #0000001a}.tt-promo__btn:focus-visible{outline:3px solid var(--tt-accent);outline-offset:2px}.tt-promo__chevron{transition:transform .2s ease}.tt-promo__toggle[aria-expanded=true] .tt-promo__chevron{transform:rotate(180deg)}.tt-promo__status-bar{padding:var(--space-small, 1rem) var(--space-medium, 1.5rem);background:#ffffff4d;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;gap:1rem}.tt-promo__status{display:flex;align-items:center;gap:.75rem;flex:1}.tt-promo__status-icon{font-size:1.25rem;line-height:1}.tt-promo__status-text{font-size:var(--font-size-body-small, .9375rem);color:var(--tt-text);font-weight:600}.tt-promo__status[data-active=true] .tt-promo__status-icon{animation:ttCelebrate .6s ease-out}@keyframes ttCelebrate{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.tt-promo__status[data-active=true] .tt-promo__status-text{font-weight:700}.tt-promo__content{max-height:0;overflow:hidden;transition:max-height .3s ease}.tt-promo__content[data-open]{max-height:2000px}.tt-promo__inner{padding:var(--space-medium, 1.5rem);background:#fff3;color:var(--tt-text);line-height:1.7}.tt-promo__inner h4{margin:0 0 1rem;font-size:var(--font-size-heading-5, 1.125rem);font-weight:var(--heading-font-weight, 700);font-family:var(--heading-font-family, inherit);color:var(--tt-text)}.tt-promo__inner ol,.tt-promo__inner ul{margin:1rem 0;padding-left:1.5rem}.tt-promo__inner li{margin-bottom:.75rem;color:var(--tt-text);line-height:1.6}.tt-promo__inner strong{font-weight:700;background:#00000014;padding:.125rem .375rem;border-radius:2px}.tt-promo__highlight{background:#00000014;border-left:4px solid var(--tt-text);padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 var(--button-radius, 0) var(--button-radius, 0) 0}.tt-promo__highlight p{margin:0;font-weight:600;color:var(--tt-text)}.tt-promo__cta{margin-top:1.5rem;text-align:center}@media (max-width: 768px){.tt-promo__hdr{grid-template-columns:auto 1fr;padding:var(--space-small, 1.25rem)}.tt-promo__actions{grid-column:1 / -1;margin-top:.75rem;width:100%}.tt-promo__btn{flex:1;justify-content:center}.tt-promo__status-bar{flex-direction:column;gap:.75rem;text-align:center}.tt-promo__title{font-size:var(--font-size-heading-5, 1.125rem)}.tt-promo__desc{font-size:var(--font-size-body-small, .9375rem)}}@media (prefers-reduced-motion: reduce){.tt-promo__btn,.tt-promo__content,.tt-promo__chevron,.tt-promo__status-icon{transition:none!important;animation:none!important}}@media print{.tt-promo{display:none}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/transtec-promo-banner.css.map */
