.hco-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:24px;overflow:hidden}.hco-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.chat-overlay{position:absolute;top:4%;right:4%;bottom:4%;width:48%;container-type:inline-size;container-name:chatwidget;display:flex;flex-direction:column;background:#f7f8fb;border-radius:10px;box-shadow:0 1.5cqw 4cqw #14281447;overflow:hidden}.chat-overlay:before{content:"";height:1.4cqw;min-height:3px;background:linear-gradient(90deg,hsl(var(--primary)),#709900);flex-shrink:0}.co-header{background:hsl(var(--primary));padding:3.6cqw 4.6cqw;display:flex;align-items:center;gap:2.6cqw;flex-shrink:0}.co-avatar{width:10cqw;height:10cqw;min-width:26px;min-height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-avatar svg{width:55%;height:55%}.co-info{flex:1;min-width:0}.co-info .co-name{color:#fff;font-size:clamp(11px,5cqw,18px);font-weight:700}.co-info .co-status{color:#ffffffd9;font-size:clamp(8px,3.2cqw,12px);font-weight:500;display:flex;align-items:center;gap:1.2cqw;margin-top:2px}.co-info .co-status .dot{width:1.6cqw;height:1.6cqw;min-width:6px;min-height:6px;border-radius:50%;background:#fff;flex-shrink:0}.co-thread{flex:1;overflow-y:auto;padding:3.6cqw;display:flex;flex-direction:column;gap:2.4cqw;scroll-behavior:smooth}.co-thread::-webkit-scrollbar{width:0;background:transparent}.co-row{display:flex;flex-direction:column;max-width:100%;opacity:0;transform:translateY(1cqw);transition:opacity .4s ease,transform .4s ease}.co-row.bot{align-items:flex-start}.co-row.user{align-items:flex-end}.co-row.show{opacity:1;transform:translateY(0)}.co-bubble{max-width:85%;font-size:clamp(9px,4cqw,14px);line-height:1.5;padding:2.4cqw 3cqw;border-radius:10px}.co-row.bot .co-bubble{background:#fff;color:#1a1d2e;border:1px solid #E7E9F2;border-top-left-radius:4px}.co-row.user .co-bubble{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-top-right-radius:4px}.co-timestamp{font-size:clamp(7px,2.6cqw,10px);color:#9098ac;margin-top:4px}.co-row.user .co-timestamp{margin-right:4px}.co-row.bot .co-timestamp{margin-left:4px}.co-promo{max-width:85%;background:#fff;border:1.4px dashed hsl(var(--primary));border-radius:10px;padding:2.6cqw 3cqw;text-align:center}.co-promo .co-promo-label{font-size:clamp(7.5px,3cqw,11px);color:#454a5e;font-weight:600}.co-promo .co-promo-code{font-size:clamp(12px,6cqw,20px);font-weight:800;color:hsl(var(--primary));letter-spacing:.5px;margin:.4cqw 0}.co-promo .co-promo-note{font-size:clamp(7px,2.6cqw,10px);color:#9098ac}.co-typing{display:flex;align-items:center;gap:1cqw;background:#fff;border:1px solid #E7E9F2;border-radius:10px;padding:2.2cqw 2.8cqw;width:-moz-fit-content;width:fit-content;opacity:0;transition:opacity .25s ease}.co-typing .d{width:1.6cqw;height:1.6cqw;min-width:5px;min-height:5px;border-radius:50%;background:#c2c7d6;animation:co-bounce 1.1s infinite ease-in-out}.co-typing .d:nth-child(2){animation-delay:.15s}.co-typing .d:nth-child(3){animation-delay:.3s}@keyframes co-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-1.6cqw)}}.co-footer{padding:2.6cqw 3.2cqw 3.4cqw;display:flex;align-items:center;gap:2cqw;flex-shrink:0}.co-input{flex:1;background:#fff;border:1px solid #E7E9F2;border-radius:999px;padding:2cqw 3.4cqw;font-size:clamp(9px,4cqw,14px);color:#a6acbe;min-width:0}.co-send{width:8.5cqw;height:8.5cqw;min-width:24px;min-height:24px;border-radius:50%;background:hsl(var(--primary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-send svg{width:45%;height:45%}@media (prefers-reduced-motion: reduce){.co-row,.co-typing,.co-typing .d{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}.cco-wrapper{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden}.cco-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.cco-chat{position:absolute;top:4%;right:4%;bottom:4%;width:58%;container-type:inline-size;container-name:ccowidget;display:flex;flex-direction:column;background:#f7f8fb;border-radius:10px;box-shadow:0 1.5cqw 4cqw #14281447;overflow:hidden}.cco-chat:before{content:"";height:1.2cqw;min-height:3px;background:linear-gradient(90deg,hsl(var(--primary)),#709900);flex-shrink:0}.cco-header{background:hsl(var(--primary));padding:3.2cqw 4cqw;display:flex;align-items:center;gap:2.4cqw;flex-shrink:0}.cco-avatar{width:8.5cqw;height:8.5cqw;min-width:26px;min-height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cco-avatar svg{width:55%;height:55%}.cco-info{flex:1;min-width:0}.cco-info .cco-name{color:#fff;font-size:clamp(11px,4.4cqw,17px);font-weight:700}.cco-info .cco-status{color:#ffffffd9;font-size:clamp(8px,2.8cqw,11px);font-weight:500;display:flex;align-items:center;gap:1.2cqw;margin-top:2px}.cco-info .cco-status .dot{width:1.4cqw;height:1.4cqw;min-width:6px;min-height:6px;border-radius:50%;background:#fff;flex-shrink:0}.cco-thread{flex:1;overflow-y:auto;padding:3.2cqw;display:flex;flex-direction:column;gap:2.2cqw;scroll-behavior:smooth}.cco-thread::-webkit-scrollbar{width:0;background:transparent}.cco-row{display:flex;flex-direction:column;max-width:100%;opacity:0;transform:translateY(1cqw);transition:opacity .4s ease,transform .4s ease}.cco-row.bot{align-items:flex-start}.cco-row.user{align-items:flex-end}.cco-row.show{opacity:1;transform:translateY(0)}.cco-bubble{max-width:88%;font-size:clamp(9px,3.4cqw,13px);line-height:1.5;padding:2.2cqw 2.8cqw;border-radius:10px}.cco-row.bot .cco-bubble{background:#fff;color:#1a1d2e;border:1px solid #E7E9F2;border-top-left-radius:4px}.cco-row.user .cco-bubble{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-top-right-radius:4px}.cco-timestamp{font-size:clamp(7px,2.4cqw,10px);color:#9098ac;margin-top:3px}.cco-row.user .cco-timestamp{margin-right:4px}.cco-row.bot .cco-timestamp{margin-left:4px}.cco-product{max-width:92%;background:#fff;border:1px solid #E7E9F2;border-radius:10px;padding:2.2cqw 2.6cqw;display:flex;flex-direction:row;align-items:stretch;gap:2.4cqw}.cco-product-img{width:22cqw;height:22cqw;min-width:56px;min-height:56px;max-width:88px;max-height:88px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#f2f4f9;border:1px solid #EDEFF6;flex-shrink:0;align-self:center}.cco-product-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.2cqw}.cco-product-title{font-size:clamp(9px,3.4cqw,13px);font-weight:700;color:#1a1d2e;line-height:1.35}.cco-product-desc{font-size:clamp(8px,2.9cqw,11px);color:#454a5e;line-height:1.45}.cco-product-prices{display:flex;align-items:center;gap:1.6cqw;flex-wrap:wrap;margin-top:.4cqw}.cco-price-old{font-size:clamp(8px,2.9cqw,11px);color:#9098ac;text-decoration:line-through;font-weight:500}.cco-price-new{font-size:clamp(10px,4cqw,15px);color:hsl(var(--primary));font-weight:800}.cco-price-badge{font-size:clamp(7px,2.4cqw,10px);background:hsl(var(--primary) / .12);color:hsl(var(--primary));font-weight:700;padding:.6cqw 1.6cqw;border-radius:999px;text-transform:lowercase}.cco-typing{display:flex;align-items:center;gap:1cqw;background:#fff;border:1px solid #E7E9F2;border-radius:10px;padding:2cqw 2.6cqw;width:-moz-fit-content;width:fit-content;opacity:0;transition:opacity .25s ease}.cco-typing .d{width:1.4cqw;height:1.4cqw;min-width:5px;min-height:5px;border-radius:50%;background:#c2c7d6;animation:cco-bounce 1.1s infinite ease-in-out}.cco-typing .d:nth-child(2){animation-delay:.15s}.cco-typing .d:nth-child(3){animation-delay:.3s}@keyframes cco-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-1.4cqw)}}.cco-footer{padding:2.4cqw 2.8cqw 3cqw;display:flex;align-items:center;gap:1.8cqw;flex-shrink:0}.cco-input{flex:1;background:#fff;border:1px solid #E7E9F2;border-radius:999px;padding:1.8cqw 3cqw;font-size:clamp(9px,3.4cqw,13px);color:#a6acbe;min-width:0}.cco-send{width:7.5cqw;height:7.5cqw;min-width:24px;min-height:24px;border-radius:50%;background:hsl(var(--primary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.cco-send svg{width:45%;height:45%}@media (prefers-reduced-motion: reduce){.cco-row,.cco-typing,.cco-typing .d{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}