/* A single shared treatment. No product rails, hero artwork or chat internals are changed. */
.dcgs-ai.dcai-banner {
  position:relative; isolation:isolate; display:flex; align-items:center; flex-wrap:nowrap;
  gap:12px; min-height:108px; padding:13px 20px 13px 10px; overflow:hidden;
  border:1px solid #dce6db; border-radius:18px;
  background:radial-gradient(ellipse at 5% 10%,#dfecdf 0,transparent 45%),linear-gradient(115deg,#f5f7ef,#fafbf7 58%,#ecf3eb);
  box-shadow:inset 0 1px 0 #fff,0 5px 20px #244d3510;
}
.dcai-banner::after {
  content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,#fff9 45%,transparent 67%);
  transform:translateX(-100%); animation:dcai-ambient 8s ease-in-out infinite;
}
.dcai-banner .dcai-art {
  position:relative; display:block!important; flex:0 0 80px; width:80px; height:80px;
  padding:0; margin:0; border:0; border-radius:0; background:none; color:inherit;
}
.dcai-art picture,.dcai-art .dcai-star {display:block; width:100%; height:100%; max-width:none; object-fit:contain;}
.dcai-banner .dcai-copy {min-width:0; flex:1;}
.dcai-banner .dcai-eyebrow {display:block; margin:0 0 7px; color:#5f7a65; font:700 8px/1.3 Inter,Arial,sans-serif; letter-spacing:1.15px;}
.dcai-banner .dcai-eyebrow>span {padding-inline:3px; color:#8fa68f;}
.dcgs-ai.dcai-banner strong {display:block; margin:0; color:#173e30; font:700 16px/1.25 Inter,Arial,sans-serif; letter-spacing:-.35px;}
.dcgs-ai.dcai-banner p {margin:7px 0 0; color:#607566; font:400 11px/1.5 Inter,Arial,sans-serif;}
#dcgs-store .dcgs-ai.dcai-banner>button[data-dcgs-ai],.dcgs-ai.dcai-banner>.dcgs-ai-fallback {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  flex-shrink:0; min-height:42px; margin:0 0 0 8px; padding:11px 13px;
  border:1px solid #ccdcca!important; border-radius:999px; background:#ffffffb8!important;
  color:#1b5039!important; box-shadow:0 2px 5px #224f3010; cursor:pointer;
  font:700 11px/1.4 Inter,Arial,sans-serif; white-space:nowrap;
  transition:background .2s,border-color .2s,box-shadow .2s;
}
#dcgs-store .dcai-banner>button[data-dcgs-ai]:hover,.dcai-banner>.dcgs-ai-fallback:hover {background:#e5efdf!important; border-color:#9cb79c!important; box-shadow:0 3px 12px #224f301a;}
.dcai-banner button:focus-visible,.dcai-banner a:focus-visible {outline:2px solid #26684a; outline-offset:3px;}
#dcgs-store .dcgs-ai .dcai-motion,.dcai-banner .dcai-motion {
  display:grid; place-items:center; position:absolute; right:0; bottom:0; z-index:1;
  width:24px; height:24px; min-height:24px; margin:0; padding:0; border:1px solid #cfddcc;
  border-radius:50%; background:#f9fcf5e6!important; color:#477054!important; cursor:pointer;
  box-shadow:0 1px 3px #214b3710; line-height:1;
}
.dcai-motion svg {display:block; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.dcai-motion .dcai-play {display:none;}
.dcai-motion[aria-pressed="true"] .dcai-pause {display:none;}
.dcai-motion[aria-pressed="true"] .dcai-play {display:block;}
.dcai-banner.dcai-paused::after {animation-play-state:paused; opacity:0;}
@keyframes dcai-ambient {0%,15%{transform:translateX(-100%);opacity:0}35%{opacity:.65}65%,100%{transform:translateX(100%);opacity:0}}
@media(min-width:1200px) {.dcai-banner .dcai-art{flex-basis:88px;width:88px;height:88px}.dcgs-ai.dcai-banner{min-height:114px}}
@media(min-width:768px) and (max-width:1100px) {
  .dcgs-ai.dcai-banner{gap:8px;padding-right:12px}.dcai-banner .dcai-art{flex-basis:64px;width:64px;height:64px}
  .dcgs-ai.dcai-banner strong{font-size:14px}.dcai-banner .dcai-eyebrow{font-size:7px;letter-spacing:.8px}
  #dcgs-store .dcgs-ai.dcai-banner>button[data-dcgs-ai]{padding:10px;font-size:10px;margin-left:0}
}
@media(max-width:767px) {
  .dcgs-ai.dcai-banner{gap:8px;min-height:120px;padding:12px 12px 12px 4px;border-radius:15px;flex-wrap:wrap;}
  .dcai-banner .dcai-art{flex-basis:68px;width:68px;height:68px;align-self:center;}
  .dcai-banner .dcai-copy{flex-basis:calc(100% - 80px);}
  .dcai-banner .dcai-eyebrow{font-size:7px;letter-spacing:.7px;margin-bottom:6px;}
  .dcgs-ai.dcai-banner strong{font-size:15px;letter-spacing:-.25px;}
  .dcgs-ai.dcai-banner p{font-size:11px;margin-top:5px;}
  #dcgs-store .dcgs-ai.dcai-banner>button[data-dcgs-ai],.dcgs-ai.dcai-banner>.dcgs-ai-fallback{
    margin:-2px 0 0 76px;min-height:40px;padding:8px 14px;font-size:11px;
  }
  #dcgs-store .dcgs-ai .dcai-motion,.dcai-banner .dcai-motion{width:24px;height:24px;right:0;bottom:-3px;}
}
@media(prefers-reduced-motion:reduce) {.dcai-banner::after{animation:none!important}.dcai-banner .dcai-motion{display:none!important}.dcai-banner button,.dcai-banner a{transition:none!important}}