.mock-ai-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.mock-ai-badge{letter-spacing:.02em;color:#64748b;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.mock-ai-badge:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;margin-right:2px;box-shadow:0 0 0 3px #10b98126}.mock-site{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:1100px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a24}.mock-site .mock-site-top{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:14px;padding:12px 18px;display:flex}.mock-site .mock-site-dots{gap:7px;display:flex}.mock-site .mock-site-dots span{background:#cbd5e1;border-radius:50%;width:12px;height:12px}.mock-site .mock-site-dots span:first-child{background:#f87171}.mock-site .mock-site-dots span:nth-child(2){background:#fbbf24}.mock-site .mock-site-dots span:nth-child(3){background:#4ade80}.mock-site .mock-site-url{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:6px 16px;font-size:15px;font-weight:500}.mock-site-nav{border-bottom:1px solid #f1f5f9;align-items:center;gap:32px;padding:18px 28px;display:flex}.mock-brand{letter-spacing:.18em;color:#0f172a;font-size:20px;font-weight:800}.mock-nav-items{flex:1;gap:24px;display:flex}.mock-nav-items span{color:#475569;font-size:15px;font-weight:500}.mock-cart{color:#0f172a;border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.mock-hero{grid-template-columns:1.1fr 1fr;gap:20px;padding:28px;display:grid}.mock-hero-text{flex-direction:column;justify-content:center;gap:14px;display:flex}.mock-hero-kicker{letter-spacing:.18em;color:#64748b;font-size:12px;font-weight:700}.mock-hero-title{color:#0f172a;letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.15}.mock-hero-cta{color:#5a7a5d;font-size:14px;font-weight:600}.mock-hero-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mock-site-band{border-top:1px solid #f1f5f9;padding:18px 28px 20px}.mock-band-title{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.mock-band-title>span:first-child{color:#0f172a;letter-spacing:-.01em;font-size:16px;font-weight:700}.mock-band-link{color:#5a7a5d;font-size:12px;font-weight:600}.mock-band-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mock-band-card{flex-direction:column;gap:4px;display:flex}.mock-band-img{aspect-ratio:1;object-fit:cover;background:#f1f5f9;border-radius:10px;width:100%;display:block}.mock-band-name{color:#0f172a;margin-top:6px;font-size:12px;font-weight:600}.mock-band-price{color:#475569;font-size:12px;font-weight:500}.mock-site-trust{color:#64748b;background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 28px;font-size:12px;display:flex}.mock-widget{--vc-primary:#5a7a5d;--vc-primary-ink:#5a7a5d;--vc-primary-text:#fff;--vc-bg:#fff;--vc-bg-secondary:#f8fafc;--vc-bg-message-user:#5a7a5d;--vc-bg-message-assistant:#fff;--vc-text:#0f172a;--vc-text-secondary:#64748b;--vc-text-message-user:#fff;--vc-text-message-assistant:#1e293b;--vc-border:#e2e8f0;--vc-border-light:#f1f5f9;--vc-shadow:0 20px 60px -12px #00000026, 0 0 0 1px #0000000a;--vc-radius:20px;--vc-radius-message:20px;--vc-radius-button:10px;--vc-composer-height:42px;--vc-font-family:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--vc-header-bg:#5a7a5d;--vc-header-text:#fff;--vc-card-bg:#fff;--vc-card-border:#e2e8f0;--vc-card-shadow:0 1px 4px #0000000f, 0 0 0 1px #00000008;border-radius:var(--vc-radius);width:400px;box-shadow:var(--vc-shadow);font-family:var(--vc-font-family);color:var(--vc-text);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:14px;line-height:1.55;display:flex;overflow:hidden}.mock-widget *,.mock-widget :before,.mock-widget :after{box-sizing:border-box;margin:0;padding:0}.mock-site .mock-widget{position:absolute;bottom:22px;right:22px}.web-chat-standalone{justify-content:center;width:100%;display:flex}.web-chat-standalone .mock-widget{width:100%;max-width:400px}.mock-widget .vc-header{background:var(--vc-header-bg);color:var(--vc-header-text);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.mock-widget .vc-header:before{content:"";background:linear-gradient(135deg,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.mock-widget .vc-header:after{content:"";background:#00000014;height:1px;position:absolute;bottom:0;left:0;right:0}.mock-widget .vc-header-info{flex:1;min-width:0;position:relative}.mock-widget .vc-header-title-row{align-items:center;gap:8px;display:flex}.mock-widget .vc-header-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.mock-widget .vc-ai-badge{background:color-mix(in srgb, currentColor 13%, transparent);letter-spacing:.04em;border-radius:5px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.7;display:inline-flex}.mock-widget .vc-header-actions{flex-shrink:0;gap:4px;display:flex;position:relative}.mock-widget .vc-header-btn{opacity:.6;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.mock-widget .vc-header-btn svg{width:16px;height:16px}.mock-widget .vc-messages{background:var(--vc-bg-secondary);flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex;overflow:hidden}.mock-widget .vc-message{min-width:0;max-width:82%;display:flex}.mock-widget .vc-msg-user{align-self:flex-end}.mock-widget .vc-msg-assistant{flex-direction:column;align-self:flex-start;position:relative}.mock-widget .vc-msg-assistant:has(.vc-carousel){max-width:100%}.mock-widget .vc-msg-bubble{border-radius:var(--vc-radius-message);word-break:break-word;overflow-wrap:break-word;align-self:flex-start;min-width:0;max-width:100%;padding:10px 16px;line-height:1.6}.mock-widget .vc-msg-user .vc-msg-bubble{background:var(--vc-bg-message-user);color:var(--vc-text-message-user);box-shadow:0 1px 3px color-mix(in srgb, var(--vc-primary) 20%, transparent);border-bottom-right-radius:6px}.mock-widget .vc-msg-assistant .vc-msg-bubble{background:var(--vc-bg-message-assistant);color:var(--vc-text-message-assistant);border-bottom-left-radius:6px;box-shadow:0 1px 2px #0000000a,0 0 0 1px #00000008}.mock-widget .anim-typing{border-radius:var(--vc-radius-message);background:var(--vc-bg-message-assistant);border:0;border-bottom-left-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:54px;height:38px;padding:10px 16px;box-shadow:0 1px 2px #0000000a,0 0 0 1px #00000008}.mock-widget .anim-typing span{background:var(--vc-text-secondary);opacity:.32}.mock-widget .vc-card{background:var(--vc-card-bg);border:1px solid var(--vc-card-border);box-shadow:var(--vc-card-shadow);border-radius:8px;margin:4px 0;overflow:hidden}.mock-widget .vc-card-image img{object-fit:contain;width:100%;height:150px;display:block}.mock-widget .vc-card-content{padding:14px}.mock-widget .vc-card-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.mock-widget .vc-card-subtitle{color:var(--vc-text-secondary);margin-bottom:8px;font-size:13px}.mock-widget .vc-card-value{justify-content:space-between;align-items:baseline;gap:8px;margin:8px 0;display:flex}.mock-widget .vc-card-value-amount{color:var(--vc-text);font-size:15px;font-weight:700}.mock-widget .vc-carousel-wrap{margin:4px 0;position:relative}.mock-widget .vc-carousel{gap:10px;padding:4px 0 10px;display:flex;overflow:hidden}.mock-widget .vc-carousel .vc-card{flex-shrink:0;min-width:230px;max-width:270px}.mock-widget .vc-carousel-nav{z-index:2;border:1px solid var(--vc-border);background:var(--vc-bg);width:30px;height:30px;color:var(--vc-text);opacity:.92;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #0f172a24}.mock-widget .vc-carousel-prev{left:-3px}.mock-widget .vc-carousel-next{right:-3px}.mock-widget .vc-buttons{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mock-widget .vc-msg-buttons{margin-top:8px}.mock-widget .vc-button{white-space:nowrap;background:var(--vc-bg);min-height:44px;color:var(--vc-primary-ink);border:1px solid var(--vc-border);border-radius:var(--vc-radius-button);justify-content:center;align-items:center;padding:7px 16px;font-size:13px;font-weight:500;line-height:1.2;display:inline-flex}.mock-widget .vc-input-area{background:var(--vc-bg);border-top:1px solid var(--vc-border-light);flex-shrink:0;padding:12px 14px 4px}.mock-widget .vc-input-row{align-items:flex-end;gap:8px;display:flex}.mock-widget .vc-input-wrap{min-width:0;min-height:var(--vc-composer-height);background:var(--vc-bg-secondary);border:1px solid var(--vc-border);border-radius:14px;flex:1;align-items:flex-end;display:flex}.mock-widget .vc-input{min-height:40px;color:var(--vc-text-secondary);flex:1;padding:10px 14px;font-size:14px;line-height:1.4}.mock-widget .vc-send-btn{width:var(--vc-composer-height);height:var(--vc-composer-height);background:var(--vc-primary);color:var(--vc-primary-text);opacity:.35;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mock-widget .vc-send-btn svg{width:17px;height:17px}.mock-widget .vc-footer{text-align:center;color:color-mix(in srgb, var(--vc-text-secondary) 85%, var(--vc-bg));background:var(--vc-bg);letter-spacing:.3px;flex-shrink:0;padding:4px 8px 10px;font-size:11px}
