.promo-banner{background:linear-gradient(135deg,var(--promo-bg-from, #ff6b4a),var(--promo-bg-to, #ff8a65));color:var(--promo-text, #ffffff);padding:var(--spacing-3) 0;position:relative;z-index:5;box-shadow:0 4px 14px -6px #c2410c66}.promo-banner__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-3) var(--spacing-6);text-align:center}.promo-banner__content{display:flex;flex-direction:column;align-items:center;gap:2px}.promo-banner__eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.92}.promo-banner__headline{font-size:var(--font-size-base);font-weight:700;margin:0;line-height:1.3}.promo-banner__code-group{display:inline-flex;align-items:center;gap:var(--spacing-2)}.promo-banner__code-label{font-size:var(--font-size-sm);font-weight:600;opacity:.92}.promo-banner__code{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-2);background:var(--promo-code-bg, #ffffff);color:var(--promo-code-text, #c2410c);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:var(--font-size-base);letter-spacing:.03em;border:2px dashed var(--promo-code-text, #c2410c);border-radius:.5rem;padding:.35rem .75rem;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast);-webkit-tap-highlight-color:transparent}.promo-banner__code:hover,.promo-banner__code:focus-visible{transform:translateY(-1px);background:#fff7ed;outline:none}.promo-banner__code:active{transform:translateY(0)}.promo-banner__copy-icon{display:inline-flex;align-items:center;opacity:.7}.promo-banner__copied{position:absolute;top:-2.2rem;left:50%;transform:translate(-50%,6px);background:var(--color-gray-900, #111827);color:#fff;font-family:inherit;font-size:.75rem;font-weight:600;padding:.3rem .6rem;border-radius:.4rem;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.promo-banner__copied.is-visible{opacity:1;transform:translate(-50%)}.promo-banner__expires{font-size:var(--font-size-sm);font-weight:600;opacity:.95;display:inline-flex;align-items:center;gap:.35rem}.promo-banner__expires:before{content:"\23f0";font-size:.95em}@media(max-width:640px){.promo-banner{padding:var(--spacing-3) var(--spacing-2)}.promo-banner__inner{gap:var(--spacing-2) var(--spacing-3)}.promo-banner__headline{font-size:.95rem}.promo-banner__code{font-size:.95rem;padding:.3rem .65rem}.promo-banner__expires{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-promo-banner.css.map */