@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(-50%,-50%) scale(1)}40%,43%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notification-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}#chatNotificationDot:not(.hidden){animation:notification-bounce .6s ease-in-out 3}@keyframes notification-pulse{0%{transform:scale(1);opacity:.75}to{transform:scale(2);opacity:0}}#chatNotificationDot .animate-ping{animation:notification-pulse 1.5s cubic-bezier(0,0,.2,1) infinite}#chatWindow.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;z-index:9999!important}#chatWindow.fullscreen #chatMessages{max-height:calc(100vh - 180px)!important}#chatWindow{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-enter{animation:backdropFadeIn .3s ease-out forwards}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.modal-content-enter{animation:modalFadeIn .4s ease-out .1s both;opacity:1!important}.score-enter{animation:slideInFromLeft .5s ease-out .3s both;opacity:1!important}.image-enter{animation:slideInFromRight .5s ease-out .4s both;opacity:1!important}#modalScore,#modalImageContainer{opacity:0}@media (min-width: 768px){#modalScore.hidden,#modalImageContainer.hidden{display:block!important}}cart-drawer.active{display:block!important;visibility:visible!important;opacity:1!important}.cart-drawer-container.active{display:block!important;visibility:visible!important}[data-cart-count].updated{animation:cartBounce .4s ease}@keyframes cartBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3);color:#142c73}}.fade-in-up{animation:fadeInUp .6s ease-out}.score-circle{background:conic-gradient(#10b981 0deg 266deg,#e5e7eb 266deg)}.chat-message{max-width:80%}.image-preview img{object-fit:cover}.upload-small .image-preview p{font-size:.75rem}.border-green-500.bg-green-50{border-color:#22c55e;background-color:#f0fdf4}.product-card{background:#fff;border-radius:12px;padding:12px;border:1px solid #e5e7eb;transition:all .3s ease;cursor:pointer}.product-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.product-image{width:80px;height:80px;object-fit:cover;border-radius:8px}.add-to-cart-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:12px;border:none;cursor:pointer;transition:all .3s ease}.add-to-cart-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.add-to-cart-btn.loading{background:#9ca3af;cursor:not-allowed}.product-recommendations{display:flex!important;gap:16px;margin-top:16px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;align-items:stretch}@media (min-width: 768px){.product-recommendations{justify-content:center}}.product-recommendations::-webkit-scrollbar{display:none}.product-recommendations{-ms-overflow-style:none;scrollbar-width:none}#productRecommendationsModal .product-recommendations{gap:16px}#productRecommendationsModal .chat-product-card{padding:10px;font-size:.75rem}#productRecommendationsModal .chat-product-card h4{font-size:.8rem;margin-bottom:.25rem;line-height:1.1;max-height:2.2rem}#productRecommendationsModal .chat-product-card p{font-size:.7rem;line-height:1.1}#productRecommendationsModal .chat-product-card .price{font-size:.75rem}#productRecommendationsModal .add-to-cart-btn{font-size:.7rem;padding:6px 12px}.modal-form-grid{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%}@media (min-width: 768px){.modal-form-grid{grid-template-columns:1fr 1fr}}.modal-form-grid>div{min-width:0;overflow:hidden}.modal-form-grid select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-form-grid select{color:#374151}.modal-form-grid select option{color:#374151!important;background-color:#fff!important;padding:4px 8px}#modalMedicalCondition,#modalCurrentBrand{appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.score-circle{background:conic-gradient(from 0deg,#10b981 0deg 266deg,#e5e7eb 266deg);position:relative}.score-circle:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:inset 0 4px 8px #0000001a}.chat-product-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;padding:12px;border-radius:12px;box-shadow:0 2px 4px -1px #0000000f,0 1px 2px -1px #0000000a;transition:all .3s ease;position:relative;overflow:hidden;font-size:.875rem;display:flex;flex-direction:column;height:100%;flex-shrink:0!important;min-width:200px!important;width:200px}.modal-product-card{display:flex!important;flex-direction:column!important;height:100%!important;flex-shrink:0!important;min-width:200px!important;width:200px}.product-recommendations>*{display:flex!important;flex-direction:column!important;height:100%!important}.product-recommendations .chat-product-card,.product-recommendations .modal-product-card{display:flex!important;flex-direction:column!important;height:100%!important}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.notification{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;transform:translate(400px);opacity:0;transition:all .3s ease}.notification.show{transform:translate(0);opacity:1}.notification-success{background:#10b981;color:#fff}.notification-error{background:#ef4444;color:#fff}.notification-warning{background:#f59e0b;color:#fff}.notification-info{background:#3b82f6;color:#fff}.notification-icon{width:20px;height:20px;flex-shrink:0}.notification-message{flex:1}.notification-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px}.chat-product-card .flex.flex-col,.modal-product-card .flex.flex-col{height:100%!important;display:flex!important;flex-direction:column!important}.chat-product-card .flex-1,.modal-product-card .flex-1{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.product-recommendations .chat-product-card h4,.product-recommendations .modal-product-card h4,.chat-product-card h4.line-clamp-2,.modal-product-card h4.line-clamp-2{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important}.chat-product-card .flex.flex-col:last-child,.modal-product-card .flex.flex-col:last-child{min-height:2.5rem!important;justify-content:flex-end!important}.chat-product-card .flex.items-center.justify-between,.modal-product-card .flex.items-center.justify-between{min-height:2rem!important;align-items:flex-end!important}.chat-product-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px -2px #00000014,0 3px 4px -1px #0000000a;border-color:#3b82f6}.chat-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.chat-product-card h4{font-size:.875rem;margin-bottom:.25rem;line-height:1.2}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.chat-product-card p{font-size:.75rem;line-height:1.2}.chat-product-card .price{font-size:.875rem;font-weight:600}.brit-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}h1,h2,h3,h4,h5,h6{margin:0}html{scroll-behavior:smooth}.modal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1000}.modal-loading-overlay.show{opacity:1}.loading-content{text-align:center;color:#615fff}.loading-spinner{width:60px;height:60px;border:6px solid #e0e7ff;border-top:6px solid #615fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-spinner-large{width:80px;height:80px;border:8px solid #e0e7ff;border-top:8px solid #615fff;border-radius:50%;animation:spin 1.2s linear infinite}.loading-text{font-size:18px;font-weight:600;color:#615fff;margin:0}.modal-results-section{display:flex;flex-direction:column;height:100%;padding:24px}.modal-centered-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.modal-score-image-container{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:32px}.modal-score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#615fff,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #6366f14d;position:relative;overflow:hidden}.modal-score-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:sparkle 2s linear infinite}.modal-score-circle .score-value{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);z-index:1;position:relative}.modal-image-container{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #e5e7eb;box-shadow:0 8px 24px #0000001a}.modal-pet-image{width:100%;height:100%;object-fit:cover}.modal-product-recommendations{width:100%;max-width:600px;opacity:0;transform:translateY(20px)}.modal-buttons{display:flex;justify-content:center;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:24px}.modal-close-btn{background:linear-gradient(135deg,#615fff,#8b5cf6);color:#fff;padding:12px 32px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b46c14d}.modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b46c166}@keyframes sparkle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-recommendation-modal{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;margin:0;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000026}.score-circle-final{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #6366f14d;position:relative;overflow:hidden}.score-circle-final:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:sparkle 3s linear infinite}.score-value-final{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);z-index:1;position:relative}.score-label{font-size:10px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;z-index:1;position:relative}.final-product-card{transition:all .3s ease}.final-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#upload .grid,#results .grid,#pet-recommendations .grid{display:grid}#upload .grid-cols-1,#results .grid-cols-1,#pet-recommendations .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}#upload .grid-cols-2,#results .grid-cols-2,#pet-recommendations .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#upload .grid-cols-3,#results .grid-cols-3,#pet-recommendations .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#upload .gap-4,#results .gap-4,#pet-recommendations .gap-4{gap:1rem}#upload .gap-6,#results .gap-6,#pet-recommendations .gap-6{gap:1.5rem}#upload .gap-8,#results .gap-8,#pet-recommendations .gap-8{gap:2rem}#upload .gap-12,#results .gap-12,#pet-recommendations .gap-12{gap:3rem}#upload .items-start,#results .items-start,#pet-recommendations .items-start{align-items:flex-start}#upload .items-center,#results .items-center,#pet-recommendations .items-center{align-items:center}@media (min-width: 768px){#upload .md\:grid-cols-2,#results .md\:grid-cols-2,#pet-recommendations .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#upload .md\:grid-cols-3,#results .md\:grid-cols-3,#pet-recommendations .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){#upload .lg\:grid-cols-2,#results .lg\:grid-cols-2,#pet-recommendations .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#upload .lg\:grid-cols-3,#results .lg\:grid-cols-3,#pet-recommendations .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pet-recommendations.css.map */