*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}#root{text-align:left;max-width:none;padding:0}body{color:#f8fafc;background:radial-gradient(circle at 0 0,#ff605838,#0000 32%),radial-gradient(circle at 100% 100%,#00aeef2e,#0000 34%),#0b1020;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:240px minmax(820px,1fr) 280px;gap:18px;width:100%;max-width:none;height:100vh;padding:18px;display:grid}.left-panel,.chat-panel,.cart-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0f172abd;border:1px solid #ffffff1f;border-radius:30px;min-width:0;box-shadow:0 24px 80px #0000004d}.left-panel{flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:relative;overflow:hidden}.left-panel:after{content:"";filter:blur(20px);background:#ffca2829;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-80px;right:-90px}.brand-pill{color:#fef3c7;letter-spacing:.04em;background:#ffffff1a;border-radius:999px;width:fit-content;padding:9px 14px;font-size:12px;font-weight:700}.left-panel h1{letter-spacing:-.055em;margin:34px 0 16px;font-size:clamp(34px,3.5vw,54px);line-height:.95}.left-panel h1 span{color:#facc15}.hero-copy{color:#cbd5e1;max-width:440px;font-size:15px;line-height:1.55}.mode-grid{grid-template-columns:1fr;gap:10px;margin-top:22px;display:grid}.mode-grid button,.quick-replies button{color:#f8fafc;text-align:left;background:#ffffff1a;border:0;border-radius:16px;padding:12px 14px;transition:all .2s}.mode-grid button:hover,.quick-replies button:hover{background:#ffffff29;transform:translateY(-2px)}.demo-card{color:#fff7ed;z-index:1;background:linear-gradient(135deg,#facc1538,#f8717121);border-radius:22px;margin-top:22px;padding:16px;position:relative}.demo-card p:last-child{margin-bottom:0;font-size:14px;line-height:1.5}.demo-label,.eyebrow{color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:11px;font-weight:800}.chat-panel{flex-direction:column;display:flex;overflow:hidden}.chat-header,.cart-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.chat-header h2,.cart-header h2{margin:0}.status-dot{color:#bbf7d0;align-items:center;gap:8px;font-size:14px;display:flex}.status-dot span{background:#22c55e;border-radius:99px;width:9px;height:9px;box-shadow:0 0 18px #22c55e}.messages{flex:1;padding:28px 34px;overflow-y:auto}.messages::-webkit-scrollbar{width:8px}.cart-items::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.cart-items::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.message-row{margin-bottom:18px;display:flex}.message-row.user{justify-content:flex-end}.bubble{border-radius:22px;max-width:94%;padding:17px 18px;line-height:1.58}.message-row.assistant .bubble{background:#ffffff17;border-top-left-radius:6px}.message-row.user .bubble{background:linear-gradient(135deg,#2563eb,#7c3aed);border-top-right-radius:6px}.bubble p{white-space:pre-wrap;margin:0}.products-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;width:min(100%,980px);margin-top:16px;display:grid}.product-card{background:#0f172ae6;border:1px solid #ffffff1f;border-radius:20px;overflow:hidden}.product-image{background:#ffffff0f;place-items:center;height:150px;font-size:40px;display:grid}.product-image img{object-fit:cover;width:100%;height:100%}.product-body{padding:14px}.product-body h3{margin:0 0 8px;font-size:15px;line-height:1.3}.price{color:#fde68a;font-weight:800;margin-bottom:8px!important}.why{color:#cbd5e1;font-size:13px}.product-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.product-actions a,.product-actions button,.checkout-link,.checkout-button,.composer button{color:#0f172a;background:#facc15;border:0;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:800;text-decoration:none}.product-actions a{background:#e2e8f0}.quick-replies{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.checkout-link{margin-top:14px;display:inline-flex}.typing{gap:6px;width:fit-content;display:flex}.typing span{background:#e2e8f0;border-radius:50%;width:8px;height:8px;animation:.8s infinite alternate bounce}.typing span:nth-child(2){animation-delay:.12s}.typing span:nth-child(3){animation-delay:.24s}@keyframes bounce{0%{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}.composer{border-top:1px solid #ffffff1a;gap:10px;padding:18px 22px;display:flex}.composer input{color:#f8fafc;background:#ffffff1a;border:0;border-radius:999px;outline:0;flex:1;min-width:0;padding:15px 18px}.composer input::placeholder{color:#94a3b8}.composer button:disabled,.checkout-button:disabled{opacity:.5;cursor:not-allowed}.cart-panel{flex-direction:column;display:flex;overflow:hidden}.cart-header span{color:#0f172a;background:#facc15;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.cart-items{flex:1;padding:18px;overflow-y:auto}.empty-cart{color:#94a3b8;line-height:1.55}.cart-item{background:#ffffff14;border-radius:16px;justify-content:space-between;gap:12px;margin-bottom:10px;padding:13px;display:flex}.cart-item h4{margin:0 0 5px;font-size:14px}.cart-item p{color:#fde68a;margin:0;font-size:13px}.cart-item button{color:#f8fafc;background:#ffffff24;border:0;border-radius:50%;flex:none;width:28px;height:28px}.cart-footer{border-top:1px solid #ffffff1a;padding:18px}.total-row{color:#cbd5e1;justify-content:space-between;margin-bottom:14px;display:flex}.checkout-button{width:100%;padding:14px 16px}.checkout-overlay{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.checkout-modal{background:linear-gradient(145deg,#0f172af5,#1e293be6),#0f172af2;border:1px solid #ffffff29;border-radius:28px;flex-direction:column;width:min(960px,100%);max-height:min(92vh,920px);display:flex;overflow:hidden;box-shadow:0 32px 110px #0000008c}.checkout-modal-header{border-bottom:1px solid #ffffff1c;flex:none;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;display:flex}.checkout-modal-header h2{margin:0;font-size:24px}.modal-close-button{color:#f8fafc;background:#ffffff1a;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:25px;line-height:1;display:grid}.modal-close-button:hover{background:#ffffff2e}.checkout-form{padding:22px 26px 26px;overflow-y:auto}.checkout-form::-webkit-scrollbar{width:8px}.checkout-form::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.checkout-summary-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.checkout-summary-card>div{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;padding:16px}.summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px;font-size:12px;font-weight:800}.checkout-summary-card strong{color:#fde68a;font-size:20px}.form-section{background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;margin-top:16px;padding:18px}.form-section h3{margin:0 0 14px;font-size:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checkout-form label{color:#dbeafe;gap:7px;font-size:13px;font-weight:700;display:grid}.checkout-form input,.checkout-form textarea,.checkout-form select{color:#f8fafc;background:#0f172ad1;border:1px solid #ffffff1f;border-radius:14px;outline:0;width:100%;min-width:0;padding:12px 13px}.checkout-form input:focus,.checkout-form textarea:focus,.checkout-form select:focus{border-color:#facc15c2;box-shadow:0 0 0 3px #facc1521}.checkout-form input::placeholder,.checkout-form textarea::placeholder{color:#64748b}.checkout-form textarea{resize:vertical;min-height:92px}.form-section>label{margin-top:14px}.order-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.order-type-grid button{color:#f8fafc;text-align:left;background:#ffffff14;border:1px solid #ffffff21;border-radius:16px;min-height:54px;padding:13px 14px;font-weight:800}.order-type-grid button.active{color:#fef3c7;background:#facc1529;border-color:#facc15cc}.checkout-actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af0;border-top:1px solid #ffffff1c;justify-content:flex-end;gap:12px;margin:20px -26px -26px;padding:16px 26px;display:flex;position:sticky;bottom:-26px}.primary-button,.secondary-button{border:0;border-radius:999px;padding:13px 17px;font-weight:900}.primary-button{color:#0f172a;background:#facc15}.secondary-button{color:#f8fafc;background:#ffffff1f}@media (width<=1380px){.messages{padding:24px 28px}}@media (width<=1180px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.left-panel,.cart-panel{min-height:auto}.chat-panel{min-height:720px}.mode-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.app-shell{padding:10px}.left-panel,.chat-panel,.cart-panel{border-radius:22px}.mode-grid{grid-template-columns:1fr}.bubble{max-width:96%}.messages{padding:18px}.composer{flex-direction:column}.composer button{width:100%;padding:14px}.checkout-overlay{padding:10px}.checkout-modal{border-radius:22px;max-height:96vh}.checkout-modal-header,.checkout-form{padding:18px}.checkout-summary-card,.form-grid,.order-type-grid{grid-template-columns:1fr}.form-section{border-radius:16px;padding:15px}.checkout-actions{flex-direction:column-reverse;margin:18px -18px -18px;padding:14px 18px;bottom:-18px}.primary-button,.secondary-button{width:100%}}.message-stack{flex-direction:column;gap:12px;max-width:min(94%,1040px);display:flex}.message-stack.user{align-items:flex-end}.message-stack.assistant{align-items:flex-start}.message-stack>.bubble{max-width:100%}.message-row.has-products .message-stack.assistant{width:min(100%,1040px)}.message-bubble-only{width:fit-content}.products-panel{background:#ffffff16;border:1px solid #ffffff1c;border-radius:24px;width:100%;padding:16px;box-shadow:0 18px 60px #0003}.products-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.products-panel-header h3{letter-spacing:-.02em;margin:0;font-size:18px}.products-panel-header span{color:#fde68a;background:#facc1524;border-radius:999px;flex:none;padding:7px 11px;font-size:12px;font-weight:900}.separated-products-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));width:100%;margin-top:0}.products-panel .product-card{min-width:0}.products-panel .product-image{background:#ffffffeb;height:175px}.products-panel .product-image img{object-fit:contain;width:100%;height:100%;padding:8px}.products-panel .product-body h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:39px;max-height:39px;display:-webkit-box;overflow:hidden}.products-panel .why{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:54px;max-height:54px;display:-webkit-box;overflow:hidden}.assistant-actions-panel{width:fit-content;max-width:100%}.assistant-actions-panel .checkout-link,.assistant-actions-panel .quick-replies{margin-top:0}.assistant-actions-panel .checkout-link+.quick-replies{margin-top:12px}@media (width<=640px){.message-stack,.message-row.has-products .message-stack.assistant{width:100%;max-width:100%}.products-panel{border-radius:18px;padding:12px}.products-panel-header{flex-direction:column;align-items:flex-start;gap:8px}.separated-products-grid{grid-template-columns:1fr}}