:root{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-bold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg: #ffffff;--color-surface: #f8f9fa;--color-border: #e9ecef;--color-text: #212529;--color-text-secondary: #6c757d;--color-accent: #212529;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);font-family:var(--font-family-base);font-size:1rem;line-height:1.6;color:var(--color-text)}.app{max-width:75rem;margin:0 auto;padding:2rem}.app__title{font-family:var(--font-family-base);font-size:3rem;line-height:1.2;font-weight:300;text-align:center;margin-bottom:2rem;color:var(--color-text)}.app__sort{text-align:center;margin-bottom:2rem}.app__sort-select{padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease}.app__sort-select:focus{outline:none;border-color:var(--color-accent)}.app__filters{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.app__filters button{font-family:var(--font-family-base);font-size:.875rem;line-height:1;padding:.75rem 1.5rem;border-radius:3.125rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.app__filters button:hover{border-color:var(--color-text);color:var(--color-text)}.app__filters button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1.5rem;animation:fadeIn .5s ease-out}.products .product-card{animation:slideIn .3s ease-out}.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;transition:all .3s ease;animation-fill-mode:both}.product-card:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-lg)}.product-card__image{width:100%;aspect-ratio:1/1;object-fit:contain;padding:1.5rem;background:var(--color-surface);display:block}.product-card__content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.product-card__title{font-family:var(--font-family-base);font-size:1.875rem;line-height:1.23;font-size:1.125rem;font-weight:400;line-height:1.4;margin-bottom:.75rem;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.6875rem}.product-card__price{font-family:var(--font-family-base);font-size:1rem;line-height:1.6;font-weight:600;color:var(--color-text);margin-bottom:.5rem;font-size:1.125rem}.product-card__category{font-family:var(--font-family-base);font-size:.875rem;line-height:1.5;color:var(--color-text-secondary);margin-bottom:1.5rem}.product-card__button{font-family:var(--font-family-base);font-size:.875rem;line-height:1;padding:.75rem 1.5rem;border-radius:3.125rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.product-card__button:hover{border-color:var(--color-text);color:var(--color-text)}.product-card__button{width:100%;margin-top:auto;border-radius:.25rem;text-align:center;padding:.875rem}.product-card__button:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}.pagination__button{font-family:var(--font-family-base);font-size:.875rem;line-height:1;padding:.75rem 1.5rem;border-radius:3.125rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.pagination__button:hover{border-color:var(--color-text);color:var(--color-text)}.pagination__button{width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__button:disabled:hover{border-color:var(--color-border);color:var(--color-text-secondary)}.pagination__info{font-family:var(--font-family-base);font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.app__loading{text-align:center;padding:3.75rem;font-family:var(--font-family-base);font-size:1rem;line-height:1.6;color:var(--color-text);color:var(--color-text-secondary)}.app__loading:after{content:"...";display:inline-block;width:2.5rem;text-align:left;animation:dots 1.5s steps(4,end) infinite}.app__error{text-align:center;padding:2.5rem;font-family:var(--font-family-base);font-size:1rem;line-height:1.6;color:var(--color-text);color:#dc3545;background:#f8d7da;border-radius:.5rem;border:1px solid #f5c6cb;display:flex;flex-direction:column;gap:1rem;align-items:center}.app__error-buttons{display:flex;gap:.75rem;margin-top:1rem}.app__retry{font-family:var(--font-family-base);font-size:.875rem;line-height:1;padding:.75rem 1.5rem;border-radius:3.125rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.app__retry:hover{border-color:var(--color-text);color:var(--color-text)}.app__retry{background:#dc3545;color:#fff;border-color:#dc3545}.app__retry:hover{background:#c82333;border-color:#c82333}.app__cache-clear{font-family:var(--font-family-base);font-size:.875rem;line-height:1;padding:.75rem 1.5rem;border-radius:3.125rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.app__cache-clear:hover{border-color:var(--color-text);color:var(--color-text)}.app__cache-clear{background:#6c757d;color:#fff;border-color:#6c757d}.app__cache-clear:hover{background:#5a6268;border-color:#5a6268}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .3s ease}.modal__content{background:#fff;padding:2.5rem;border-radius:.75rem;max-width:37.5rem;width:90%;max-height:85vh;overflow-y:auto;position:relative;margin:1.25rem}.modal__close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;cursor:pointer;color:var(--color-text-secondary);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.modal__close:hover{color:var(--color-text);background:var(--color-surface);border-radius:50%;transform:scale(1.1)}.modal__image-block{width:100%;height:21.875rem;overflow:hidden;border-radius:.5rem;background:var(--color-surface);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.modal__image{height:100%;width:auto;max-width:100%;object-fit:contain;padding:2rem;display:block}.modal__title{font-family:var(--font-family-bold);font-size:2.5rem;line-height:1.04;font-size:1.5rem;font-weight:400;margin-bottom:1rem;line-height:1.3;color:var(--color-text)}.modal__price{font-family:var(--font-family-base);font-size:1.875rem;line-height:1.23;font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.modal__category{font-family:var(--font-family-base);font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;color:var(--color-text-secondary)}.modal__description{font-family:var(--font-family-base);font-size:1rem;line-height:1.6;line-height:1.7;color:var(--color-text);padding-top:1.5rem;border-top:1px solid var(--color-border)}@media(max-width:48rem){.app{padding:1.5rem}.app__title{font-size:2.25rem;margin-bottom:2.25rem}.products{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.product-card__content{padding:1.25rem}.product-card__title{font-size:1rem;min-height:4.25rem}.pagination{margin-top:2rem}.modal__content{padding:1.5rem;width:95%;margin:1rem;max-height:90vh}.modal__image-block{height:18.75rem}.modal__image{padding:1.5rem}.modal__title{font-size:1.25rem}.modal__close{top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;font-size:1.75rem}}@media(max-width:30rem){.app{padding:1rem}.products{grid-template-columns:1fr}.app__filters{gap:.5rem}.app__filters button{padding:.5rem 1rem;font-size:.8125rem}.app__sort{margin-bottom:1.5rem}.modal__content{padding:1.25rem;margin:.75rem;max-height:92vh}.modal__image-block{height:15.625rem}.modal__image{padding:1.25rem}.modal__title{font-size:1.125rem}}