.skeleton-wrapper{display:flex;flex-direction:column;gap:10px}.skeleton-card{max-width:280px;padding:15px;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:var(--white);display:flex;flex-direction:column;align-items:center;text-align:center}.skeleton-image{width:40%;height:148px;background:var(--backskeleton);border-radius:8px;margin-bottom:15px;animation:shimmer 1.5s infinite linear}.skeleton-title,.skeleton-text{width:80%;height:20px;background:var(--backskeleton);border-radius:4px;margin-bottom:10px;animation:shimmer 1.5s infinite linear}.skeleton-title{height:24px;width:60%}.skeleton-text:last-child{width:40%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.autoComplete{position:relative}.wrapper-input{position:relative;display:flex;margin-bottom:24px}.wrapper-input .clear-button{font-size:22px;cursor:pointer}.search-icon,.clear-button{position:absolute;right:8px;top:4px}.input{width:100%;padding:8px 34px 8px 8px;color:var(--white);border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-background)}.input:focus{border-color:var(--focus-color);box-shadow:0 0 5px var(--focus-color);outline:none}.suggestions{position:absolute;top:100%;left:0;right:0;max-height:200px;width:100%;overflow-y:auto;background-color:var(--input-background);border:1px solid var(--border-color);border-top:none;z-index:1000}.suggestion{padding:8px;cursor:pointer}.suggestion:hover,.highlightedSuggestion{background-color:var( --suggestion-hover-background )}.highlight{font-weight:700;color:var(--highlight-text);background-color:var(--highlight-background)}.product-card{cursor:pointer;max-width:280px;padding:15px;border-radius:8px;box-shadow:0 2px 4px #fff3;background-color:var(--white);display:flex;flex-direction:column;align-items:center;text-align:center}.product-card img{width:40%;height:148px;object-fit:contain}.product-card h2{font-size:18px;margin:10px 0;color:var(--black);text-wrap:balance}.product-card p{font-size:14px;margin:5px 0;color:var(--textp-card);text-overflow:ellipsis;overflow:hidden}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;color:#ffffffde;--black: #111111;--white: #ffffff;--darkBlue: #100e1d;--border-color: #ccc;--input-background: #1d2429;--suggestion-hover-background: #a09fb1;--highlight-background: #e7e700;--highlight-text: #2b2631;--back-listcard: #181719;--focus-color: #e2ff63;--textp-card: #555555;--backskeleton: #f0f0f0}body{background-color:var(--darkBlue);margin:0;display:grid;place-items:center}header{text-align:center}h1{font-size:22px;line-height:1.1;text-align:center;margin:16px 0 20px;color:var(--white)}ul{padding:0}button{border:none;background:none}div{box-sizing:border-box}.logo{width:80px;height:80px;object-fit:contain;margin-top:14px}.container{width:100%;max-width:960px;padding:20px}.favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:30px}.favorite-item{font-size:12px;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px;border:1px solid #ccc;border-radius:8px;background-color:var(--back-listcard);box-shadow:0 4px 8px #0000001a}.loader{font-size:24px;font-weight:700;margin-top:34px;text-align:center;animation:shimmer 1.5s infinite alternate}@keyframes shimmer{0%{color:var(--highlight-text)}to{color:var(--focus-color)}}