.diagnostic-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:500px}.diagnostic-loading{text-align:center;padding:60px 20px;color:#66a8bc;font-size:18px;font-weight:500}.diagnostic-loading:after{content:"";display:inline-block;width:24px;height:24px;border:3px solid #66a8bc;border-radius:50%;border-top-color:transparent;animation:diagnostic-spin 1s linear infinite;margin-left:12px}@keyframes diagnostic-spin{to{transform:rotate(360deg)}}#talika-diagnostic-root{min-height:400px;background:transparent}.diagnostic-notification{position:fixed;top:20px;right:20px;background:#66a8bc;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #66a8bc4d;z-index:10000;transform:translate(400px);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);font-weight:500;font-size:14px;max-width:300px}.diagnostic-notification.show{transform:translate(0)}.diagnostic-notification.success{background:linear-gradient(135deg,#10b981,#059669)}.diagnostic-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.diagnostic-notification.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.diagnostic-notification.info{background:linear-gradient(135deg,#66a8bc,#4a90a4)}.product-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #66a8bc33!important}.product-tooltip-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 1024px){.diagnostic-container{padding:16px}.diagnostic-results-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 768px){.diagnostic-container{padding:12px}.diagnostic-notification{right:12px;left:12px;max-width:none;transform:translateY(-100px)}.diagnostic-notification.show{transform:translateY(0)}.product-card{padding:12px!important;margin-bottom:12px!important}.product-card h4{font-size:13px!important;line-height:1.3!important}.product-card p{font-size:11px!important}.product-tooltip-overlay div[style*="position: fixed"]{width:95%!important;max-width:none!important;padding:16px!important}}.product-card button:focus,.product-card a:focus{outline:2px solid #66a8bc;outline-offset:2px}.product-tooltip{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-error{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:12px;text-align:center;border:1px solid #fecaca}button.loading{position:relative;color:transparent!important}button.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:diagnostic-spin 1s linear infinite;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/38/assets/skin-diagnostic.css.map */