.chat-explainer-grid-item{display:flex!important;align-self:stretch}.chat-explainer-card{background:#fff8f0;border-radius:12px;overflow:hidden;cursor:pointer;flex:1;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;transition:transform .2s ease,box-shadow .2s ease}.chat-explainer-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff920026}.chat-explainer-card__inner{padding:28px 22px;text-align:left;position:relative;z-index:1;max-width:60%}.chat-explainer-card__deco{position:absolute;bottom:0;right:-6px;height:88%;width:auto;max-width:52%;pointer-events:none;object-fit:contain;object-position:right bottom}.chat-explainer-card__eyebrow{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff9200;margin-bottom:12px}.chat-explainer-card__headline{font-size:1.25rem;font-weight:800;color:#1a1a1a;line-height:1.25;margin:0 0 10px}.chat-explainer-card__sub{font-size:.82rem;color:#555;margin:0 0 20px;line-height:1.4}.chat-explainer-card__cta{display:inline-block;background:#ff9200;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s ease}.chat-explainer-card__cta:hover{background:#e08000}.chat-modal,.chat-modal__backdrop{display:none}.chat-modal__header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #eee;flex-shrink:0}.chat-modal__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#ff9200;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.75rem;flex-shrink:0}.chat-modal__avatar img{width:100%;height:100%;object-fit:cover}.chat-modal__header-text{flex:1;display:flex;flex-direction:column;line-height:1.3}.chat-modal__header-text strong{font-size:.95rem;color:#1a1a1a}.chat-modal__header-text span{font-size:.78rem;color:#888}.chat-modal__close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#aaa;padding:4px;line-height:1;transition:color .15s}.chat-modal__close:hover{color:#1a1a1a}.chat-modal__intro-title{font-size:1.35rem;font-weight:800;text-align:center;color:#1a1a1a;line-height:1.2;padding:10px 8px 24px;margin:0;letter-spacing:-.01em}.chat-modal__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.bubble{max-width:82%;padding:12px 16px;border-radius:20px;font-size:.93rem;line-height:1.55}.bubble--user{align-self:flex-end;background:#ff9200;color:#fff;border-bottom-right-radius:4px}.bubble--brand{align-self:flex-start;background:#f3f6f0;color:#1a1a1a;border-bottom-left-radius:4px}.bubble-image{display:block;width:100%;max-width:280px;border-radius:14px;align-self:flex-start;object-fit:cover}.bubble-row{display:flex;align-items:flex-end;gap:8px}.bubble-row--brand{align-self:flex-start;max-width:88%}.bubble-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;align-self:flex-end}.bubble-avatar-placeholder{width:28px;flex-shrink:0}.chat-cta-buttons{display:flex;flex-direction:column;gap:10px;margin-top:6px;width:100%}.chat-cta-btn{display:flex;align-items:center;justify-content:space-between;background:#fff;border:2px solid #ff9200;border-radius:14px;padding:14px 18px;text-decoration:none;cursor:pointer;transition:background .15s ease}.chat-cta-btn:hover{background:#fff8f0}.chat-cta-btn__left{display:flex;flex-direction:column;gap:2px}.chat-cta-btn__label{font-size:1rem;font-weight:700;color:#1a1a1a}.chat-cta-btn__sub{font-size:.82rem;color:#ff9200;font-weight:600}.chat-cta-btn__arrow{color:#ff9200;font-size:1.1rem;flex-shrink:0}.typing-indicator{align-self:flex-start;background:#f3f6f0;border-radius:18px 18px 18px 4px;padding:12px 16px;display:flex;gap:5px;align-items:center}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:#aaa;animation:typingBounce 1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@media screen and (max-width:767px){.chat-explainer-card{min-height:160px;border-radius:14px}.chat-explainer-card__inner{padding:22px 18px;max-width:58%}.chat-explainer-card__deco{height:82%;width:auto;max-width:50%;bottom:0;right:-4px}.chat-modal__intro-title{font-size:1.15rem;padding-bottom:18px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/chat-explainer.css.map */