.l4r{--l4r-accent: #1268f1;--l4r-radius: 12px;max-width:680px;margin:0 auto;font-family:var(--body-font-family, "Nunito Sans", sans-serif)}.l4r__form{margin:0}.l4r__input-wrap{position:relative;display:flex;align-items:center;border:2px solid #ddd;border-radius:var(--l4r-radius);background:#fff;transition:border-color .2s,box-shadow .2s;overflow:hidden}.l4r__input-wrap:focus-within{border-color:transparent;animation:l4r-border-glow 4s ease infinite;box-shadow:0 0 0 2px #fff,0 0 0 4px #a855f766,0 4px 20px #a855f726}@keyframes l4r-border-glow{0%{box-shadow:0 0 0 2px #fff,0 0 0 4px #fb929680,0 4px 20px #fb92961f}25%{box-shadow:0 0 0 2px #fff,0 0 0 4px #fbbf7780,0 4px 20px #fbbf771f}50%{box-shadow:0 0 0 2px #fff,0 0 0 4px #a855f780,0 4px 20px #a855f71f}75%{box-shadow:0 0 0 2px #fff,0 0 0 4px #ec489980,0 4px 20px #ec48991f}to{box-shadow:0 0 0 2px #fff,0 0 0 4px #fb929680,0 4px 20px #fb92961f}}.l4r__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;padding-left:12px;color:#bbb;transition:color .3s}.l4r__input-wrap:focus-within .l4r__icon{animation:l4r-icon-color 4s ease infinite}@keyframes l4r-icon-color{0%{color:#fb9296}25%{color:#fbbf77}50%{color:#a855f7}75%{color:#ec4899}to{color:#fb9296}}.l4r__input{flex:1;border:none;outline:none;background:transparent;padding:14px 12px;font-size:15px;font-family:inherit;color:#222;min-width:0}.l4r__input::placeholder{color:#aaa;transition:opacity .3s}.l4r__btn{flex-shrink:0;padding:10px 20px;margin:4px;border:none;border-radius:8px;background:var(--l4r-accent);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .15s,opacity .15s;white-space:nowrap}.l4r__btn:hover{filter:brightness(1.1)}.l4r__btn:disabled{opacity:.6;cursor:not-allowed}.l4r__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 0;color:#888;font-size:14px}.l4r__spinner{width:20px;height:20px;border:2.5px solid #e0e0e0;border-top-color:var(--l4r-accent);border-radius:50%;animation:l4r-spin .7s linear infinite}@keyframes l4r-spin{to{transform:rotate(360deg)}}.l4r__results{margin-top:16px}.l4r__card{display:flex;align-items:flex-start;gap:16px;padding:16px;margin-bottom:10px;border:1px solid #eee;border-radius:var(--l4r-radius);background:#fff;transition:border-color .15s,box-shadow .15s;text-decoration:none;color:inherit}.l4r__card:hover{border-color:#ddd;box-shadow:0 2px 12px #0000000f}.l4r__rank{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--l4r-accent);color:#fff;font-size:12px;font-weight:700;line-height:1}.l4r__card-body{flex:1;min-width:0}.l4r__name{display:block;font-size:15px;font-weight:700;color:#111;line-height:1.3;margin-bottom:4px}.l4r__blurb{display:block;font-size:13px;color:#666;line-height:1.5}.l4r__view{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--l4r-accent)}.l4r__card:hover .l4r__view{text-decoration:underline}.l4r__empty,.l4r__error{text-align:center;padding:24px 16px;color:#888;font-size:14px;border:1px dashed #ddd;border-radius:var(--l4r-radius)}.l4r__error{color:#c0392b;border-color:#f5c6cb;background:#fdf0f0}.l4r__support{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;margin-top:10px;border:1px dashed #ccc;border-radius:var(--l4r-radius);background:#fafafa}.l4r__support-title{display:block;font-size:14px;font-weight:700;color:#222;margin-bottom:6px}.l4r__support-text{display:block;font-size:13px;color:#666;line-height:1.5;margin-bottom:12px}.l4r__support-link{display:inline-block;font-size:13px;font-weight:600;color:var(--l4r-accent);text-decoration:none}.l4r__support-link:hover{text-decoration:underline}@media screen and (max-width:679px){.l4r__input{font-size:16px;padding:12px 8px}.l4r__btn{padding:10px 14px;font-size:13px}.l4r__card{padding:12px;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/product-recommend.css.map */