.product-carousel{margin:15px 0;padding:15px 0}.product-carousel .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:10px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.product-carousel .product-grid::-webkit-scrollbar{display:none}.product-carousel .product-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column}.product-carousel .product-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.product-carousel .product-card .product-image{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid #eee}.product-carousel .product-card .product-title{font-size:14px;font-weight:600;margin:10px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-carousel .product-card .product-price{font-size:16px;font-weight:700;color:#1976d2;margin:5px 10px}.product-carousel .product-card .product-link{display:inline-block;padding:8px 15px;margin:10px;background-color:#1976d2;color:#fff;text-decoration:none;border-radius:4px;text-align:center;transition:background-color .3s ease}.product-carousel .product-card .product-link:hover{background-color:#1565c0}.product-carousel .carousel-nav{display:flex;justify-content:center;gap:10px;margin-top:10px}.product-carousel .carousel-nav button{width:30px;height:30px;border-radius:50%;border:none;background-color:#1976d2;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-carousel .carousel-nav button:disabled{background-color:#ccc;cursor:not-allowed}.product-carousel .carousel-nav button:hover:not(:disabled){background-color:#1565c0}@media (max-width: 480px){.product-carousel .product-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.product-carousel .product-card .product-image{height:120px}.product-carousel .product-card .product-title{font-size:13px}.product-carousel .product-card .product-price{font-size:14px}.product-carousel .product-card .product-link{padding:6px 12px;font-size:13px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.product-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.order-status-card{background:#fff;border-radius:12px;padding:16px;margin:10px 0;box-shadow:0 2px 8px #0000001a}.order-status-card .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.order-status-card .order-header h3{margin:0;color:#333;font-size:1.1rem;font-weight:600}.order-status-card .status-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.order-status-card .status-badge.processing{background:#e3f2fd;color:#1976d2}.order-status-card .status-badge.completed{background:#e8f5e9;color:#2e7d32}.order-status-card .status-badge.pending{background:#fff3e0;color:#f57c00}.order-status-card .status-badge.on-hold{background:#fffde7;color:#fbc02d}.order-status-card .status-badge.cancelled{background:#ffebee;color:#c62828}.order-status-card .status-badge.refunded{background:#f3e5f5;color:#7b1fa2}.order-status-card .status-badge.failed{background:#fbe9e7;color:#d84315}.order-status-card .order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.order-status-card .order-details .detail-row{display:flex;flex-direction:column;gap:4px}.order-status-card .order-details .detail-row .label{color:#666;font-size:.85rem}.order-status-card .order-details .detail-row .value{color:#333;font-weight:500}.order-status-card .order-actions{margin:16px 0;padding:16px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.order-status-card .order-actions .action-buttons{display:flex;flex-wrap:wrap;gap:8px}.order-status-card .order-actions .action-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;background:#f8f9fa;border:1px solid #e2e8f0;color:#333;transition:all .2s ease}.order-status-card .order-actions .action-button:hover{background:#f1f5f9;border-color:#cbd5e1}.order-status-card .order-actions .action-button svg{width:16px;height:16px}.order-status-card .order-items h4{margin:0 0 12px;font-size:1rem;color:#333;font-weight:600}.order-status-card .order-items .order-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.order-status-card .order-items .item-card{background:#f8f9fa;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.order-status-card .order-items .item-card .item-image{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#fff}.order-status-card .order-items .item-card .item-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:8px}.order-status-card .order-items .item-card .item-details .item-name{display:block;font-weight:500;color:#333;margin-bottom:4px;font-size:.9rem}.order-status-card .order-items .item-card .item-details .item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.order-status-card .order-items .item-card .item-details .item-meta .item-qty{color:#666}.order-status-card .order-items .item-card .item-details .item-meta .item-total{color:#1976d2;font-weight:500}.order-status-card .order-support-section{margin-top:16px;padding:16px;border-top:1px solid #eee;text-align:center}.order-status-card .order-support-section .support-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#e3f2fd;border:1px solid #90caf9;color:#1976d2;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease}.order-status-card .order-support-section .support-button:hover{background:#bbdefb;border-color:#64b5f6}.order-status-card .order-support-section .support-button:disabled{opacity:.7;cursor:not-allowed}.order-status-card .order-support-section .notes-form{background:#f8f9fa;border-radius:8px;padding:16px}.order-status-card .order-support-section .notes-form .notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-status-card .order-support-section .notes-form .notes-header h4{margin:0;font-size:1rem;font-weight:500;color:#333}.order-status-card .order-support-section .notes-form .notes-header .close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0 8px;line-height:1}.order-status-card .order-support-section .notes-form .notes-header .close-button:hover{color:#333}.order-status-card .order-support-section .notes-form .notes-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;resize:vertical;min-height:80px;font-size:.875rem;margin-bottom:12px}.order-status-card .order-support-section .notes-form .notes-input:focus{outline:none;border-color:#90caf9;box-shadow:0 0 0 2px #90caf933}.order-status-card .order-support-section .notes-form .error-text{color:#dc2626;font-size:.75rem;margin-bottom:8px;text-align:left}.order-status-card .order-support-section .notes-form .success-text{color:#2e7d32;font-size:.75rem;margin-bottom:8px;text-align:left}.order-status-card .order-support-section .notes-form .support-button{width:100%;justify-content:center;margin-top:8px}@media (max-width: 640px){.order-status-card .order-items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.order-status-card .action-buttons{flex-direction:column}.order-status-card .action-buttons .action-button{width:100%;justify-content:center}.order-status-card .order-details{grid-template-columns:1fr}}.support-buddy-conversations{padding:16px}.support-buddy-conversations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.support-buddy-conversations-header h3{font-size:1.125rem;font-weight:500}.support-buddy-new-chat{padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:.875rem;transition:opacity .2s ease}.support-buddy-new-chat:hover{opacity:.9}.conversation-list{display:flex;flex-direction:column;gap:8px}.conversation-item{padding:12px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease}.conversation-item:hover{background:#f3f4f6}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-date{font-size:.875rem;color:#6b7280}.conversation-status{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#e5e7eb}.conversation-preview{font-size:.875rem;color:#374151}.no-conversations{text-align:center;padding:24px;color:#6b7280}.modern-chat-container.top-right{bottom:inherit;top:24px}.modern-chat-container.top-left{top:24px;right:inherit;left:20px;bottom:inherit}.modern-chat-container.bottom-left{right:inherit;left:24px}.support-buddy-widget.top-right{bottom:inherit;top:24px}.support-buddy-widget.top-right .support-buddy-header-close{transform:rotate(180deg)}.support-buddy-widget.top-left{top:24px;right:inherit;left:20px;bottom:inherit}.support-buddy-widget.top-left .support-buddy-header-close{transform:rotate(180deg)}.support-buddy-widget.bottom-left{right:inherit;left:24px}.chat-contact-form{margin-top:1rem;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.chat-contact-form.loading{opacity:.7}.chat-contact-form.loaded{opacity:1}.chat-contact-form .chat-contact-form-header{padding:12px 15px;border-bottom:1px solid #edf2f7;background-color:#f8f9fa}.chat-contact-form .chat-contact-form-header h4{margin:0 0 6px;font-size:16px;font-weight:600;color:#333}.chat-contact-form .chat-contact-form-header p{margin:0;font-size:14px;color:#718096}.chat-contact-form .chat-contact-form-container{position:relative;min-height:200px}.chat-contact-form .chat-contact-form-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;z-index:5}.chat-contact-form .chat-contact-form-loading p{margin-top:10px;color:#718096;font-size:14px}.chat-contact-form .chat-contact-form-loading .loading-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.chat-contact-form .chat-contact-form-iframe{width:100%;min-height:200px;height:auto!important;border:0;display:block;background-color:transparent;transition:height .3s ease;padding:16px}.contact-form{margin:15px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.contact-form .header{padding:15px;text-align:center;border-bottom:1px solid #edf2f7}.contact-form .header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.contact-form .header p{margin:0;font-size:14px;color:#666}.contact-form .form-container{position:relative;padding:15px}.contact-form .form-container .loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#ffffffe6;z-index:10}.contact-form .form-container .loading .spinner{width:30px;height:30px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.contact-form .form-container .success-message{padding:20px;margin:10px 0;background-color:#e6ffe6;border:1px solid #b3ffb3;border-radius:4px;color:#060;text-align:center;font-size:14px}.contact-form .form-container iframe{width:100%;border:none;background:#fff;display:block;border-radius:4px;min-height:450px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-integrations{display:flex;gap:8px}.chat-integration-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;transition:opacity .2s ease}.chat-integration-link:hover{opacity:.8}.chat-integration-link img{width:24px;height:24px}.support-buddy-header-actions{display:flex;gap:8px;align-items:center}.support-buddy-header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%;border:none;cursor:pointer;transition:background-color .2s ease}.support-buddy-header-close,.support-buddy-header-icon{padding:0;margin:0}.support-buddy-header-close svg,.support-buddy-header-icon svg{position:absolute}.support-buddy-header-icon:hover{background-color:#fff3}.support-buddy-widget{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.support-buddy-container{width:384px;margin-bottom:16px;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;overflow:hidden}.support-buddy-header{padding:16px;display:flex;align-items:center;justify-content:space-between}.support-buddy-header-title{display:flex;align-items:center;gap:8px}.support-buddy-messages{height:384px;overflow-y:auto;padding:16px;background-color:#f9fafb}.support-buddy-message{margin-bottom:12px;display:block}.support-buddy-message.user{text-align:right}.support-buddy-message .support-buddy-message-content{display:inline-block;max-width:80%;padding:12px 16px;border-radius:16px;word-wrap:break-word}.support-buddy-message .support-buddy-message-content p{margin-top:0;margin-bottom:10px}.support-buddy-message .support-buddy-message-content p:last-child{margin-bottom:0}.support-buddy-message.user .support-buddy-message-content{border-bottom-right-radius:4px;text-align:left;color:#fff}.support-buddy-message.bot .support-buddy-message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d}.support-buddy-message .support-buddy-message-timestamp{font-size:.75rem;color:#9ca3af;margin:4px 8px;padding:0 4px;display:inline-block}.support-buddy-message.user .support-buddy-message-timestamp{text-align:right;display:block}.support-buddy-message.bot .support-buddy-message-timestamp{text-align:left;display:block}.support-buddy-input{padding:16px;background:#fff}.support-buddy-input form{display:flex;gap:8px}.support-buddy-input input{flex:1;padding:12px 16px;border-radius:12px;border:none;background:#f3f4f6;outline:none}.support-buddy-input button{padding:12px;border-radius:12px;border:none;cursor:pointer}.support-buddy-input input:focus{outline:2px solid var(--primary-color, #4F46E5);outline-offset:-2px}.support-buddy-footer{padding:12px;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.support-buddy-toggle{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.support-buddy-footer-icons{display:flex;gap:8px}.support-buddy-footer-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.support-buddy-footer-icon:hover{background-color:#f3f4f6;color:#374151}.support-buddy-footer-text{font-size:.7rem;color:#6b7280}@media screen and (max-width: 450px){.support-buddy-container{width:auto;height:auto;margin:0;border-radius:0;position:fixed;top:8px;left:8px;right:8px;bottom:8px}.support-buddy-messages{height:calc(100vh - 210px);padding:12px}.support-buddy-input{position:fixed;bottom:53px;left:12px;right:12px;width:auto;padding:4px;background:transparent;box-shadow:0 -2px 10px #0000000d}.support-buddy-footer-text{padding:8px 0}.support-buddy-toggle{position:fixed;bottom:20px;right:20px}.support-buddy-footer{padding:4px 12px;position:fixed;bottom:8px;left:8px;right:8px}}.support-buddy-suggested-questions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.support-buddy-suggested-question{padding:12px 16px;border-radius:12px;border:none;text-align:left;cursor:pointer;transition:opacity .2s ease}.support-buddy-suggested-question:hover{opacity:.9}.support-buddy-products{margin-top:8px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.support-buddy-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.support-buddy-product-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.support-buddy-product-image{height:128px;width:100%;-o-object-fit:cover;object-fit:cover}.support-buddy-product-info{padding:8px}.support-buddy-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.support-buddy-typing{display:flex;gap:4px;padding:12px 16px;background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 2px 4px #0000000d;width:-moz-fit-content;width:fit-content}.support-buddy-typing-dot{width:8px;height:8px;background:#d1d5db;border-radius:50%;animation:typing 1.4s infinite both}.support-buddy-typing-dot:nth-child(2){animation-delay:.2s}.support-buddy-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 0}.typing-indicator span{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typingPulse 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.support-buddy-header-logo{max-width:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}.support-buddy-header-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.support-buddy-header-icon img{border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-width:32px;max-height:32px}.support-buddy-header-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.support-buddy-header-close:hover{background-color:#ffffff1a}.chat-email-link{color:#1976d2;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.chat-email-link:hover{color:#1565c0;border-bottom-color:#1565c0;text-decoration:none}.chat-email-link:focus{outline:2px solid #1976d2;outline-offset:2px;border-radius:2px}
