:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-size:.875rem}@media screen and (max-width: 768px){input,select,textarea,.MuiInputBase-input{font-size:16px!important}}a{color:inherit}ul{margin:8px 0;padding-left:18px}:root{--primary: #262626;--primary-dark: #171717;--secondary: #FFFFFF;--secondary-light: #F5F5F5;--bg-color: #FFFFFF;--text-main: #171717;--text-muted: #525252;--border-color: #E0E0E0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.appShell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.pageLoader{min-height:40vh}.container{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:0 0 32px}@media (max-width: 600px){.container{padding-top:1rem;padding-bottom:2rem}}.topnav{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:100}.topnav__inner{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:900;font-size:1.5rem;letter-spacing:-.02em;color:var(--secondary);text-decoration:none}.brand span{color:var(--primary)}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.navlinks a{padding:8px 16px;border-radius:8px;font-weight:600;color:var(--secondary);transition:all .2s;text-decoration:none}.navlinks a:hover{background-color:#0000000a}.navlinks a.active{background-color:var(--primary);color:#1a1a1a;box-shadow:var(--shadow-sm)}.topnav__actions{display:flex;align-items:center;gap:12px}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.row--right{justify-content:flex-end}.muted{color:var(--text-muted)}.error{color:#b91c1c;background:#fef2f2;border:1px solid #FCA5A5;padding:12px 16px;border-radius:8px;font-weight:500}.panel{border:1px solid var(--border-color);border-radius:16px;padding:16px;background:#fff;box-shadow:var(--shadow-sm)}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 960px){.grid--4,.grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.grid--2,.grid--3{grid-template-columns:1fr}}.card{border:1px solid var(--border-color);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.card__media{height:200px;background:#f3f4f6;position:relative;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card__media img{transform:scale(1.05)}.mediaPlaceholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.card__body{padding:12px;display:flex;flex-direction:column;gap:12px;flex:1}.card__title{font-weight:800;font-size:1.1rem;color:var(--secondary)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f3f4f6;font-size:.75rem;font-weight:700;color:var(--secondary-light);text-transform:uppercase;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;padding:12px 20px;background:var(--primary);color:#fff;font-weight:700;transition:all .2s;cursor:pointer}.btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.price{font-weight:900;font-size:1.25rem;color:var(--secondary)}.field{display:grid;gap:8px}.field__label{font-size:.85rem;font-weight:600;color:var(--secondary)}.field__hint{font-size:.8rem;color:var(--text-muted)}.detailImage img{width:100%;border-radius:16px;display:block;box-shadow:var(--shadow-md)}.thumbs{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.thumb{border-radius:8px;border:2px solid transparent;overflow:hidden;width:90px;height:64px;cursor:pointer;transition:all .2s}.thumb:hover,.thumb--active{border-color:var(--primary);opacity:1}.table{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:#fff}.table__row{display:grid;grid-template-columns:1.3fr 1.3fr 1.5fr 1fr 1fr;gap:16px;padding:12px;border-top:1px solid var(--border-color);align-items:center}.table__head{background:#f9fafb;font-weight:700;border-top:none;color:var(--secondary);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}@media (max-width: 900px){.table__row{grid-template-columns:1fr;gap:8px}}.footer{margin-top:auto;border-top:1px solid var(--border-color);background:var(--secondary);color:#fff;padding-top:24px}.footer__inner{width:min(1200px,calc(100% - 32px));margin:0 auto;padding-bottom:16px}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:32px}.footer h3,.footer h4{color:#fff;margin-bottom:16px}.footer p,.footer a{color:#ffffffb3;text-decoration:none;transition:.2s}.footer a:hover{color:var(--primary)}.footer__bottom{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;color:#ffffff80;font-size:.9rem}@media (max-width: 900px){.footer__grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.footer__grid{grid-template-columns:1fr}}