:root{--color-bg:#faf8f4;--color-surface:#fff;--color-text:#203c35;--color-muted:#64736e;--color-primary:#236b54;--color-border:#dce4dd;--color-soft:#eaf1e9;--color-skeleton:#e3e9e3;--font-body:Tahoma,Arial,sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-title:clamp(1.6rem,4vw,2.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.5rem;--radius-card:1.25rem;--radius-pill:999px;--shadow-card:0 8px 24px rgb(32 60 53/5%);--page-width:72rem;--card-title-height:3rem;--control-height:2.75rem;--motion-loading:1.5s}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.8}a{color:inherit}button{font:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.container{width:min(var(--page-width),calc(100% - 2 * var(--space-5)));margin-inline:auto}.header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.header-inner{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{color:var(--color-primary);font-size:var(--text-lg);font-weight:700;text-decoration:none}.muted{color:var(--color-muted)}.intro{padding-block:var(--space-7) var(--space-6)}h1{font-size:var(--text-title);margin:0 0 var(--space-3)}.intro p{margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);padding-block-end:var(--space-7)}.card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);min-width:0}.media{aspect-ratio:1;position:relative;display:grid;place-items:center;background:var(--color-soft);border-radius:var(--radius-sm);overflow:hidden}.media img{width:100%;height:100%;object-fit:contain}.image-skeleton,.media img{position:absolute;inset:0}.placeholder{color:var(--color-muted);font-size:var(--text-sm)}.card-title{height:var(--card-title-height);font-size:var(--text-base);line-height:1.5rem;margin:var(--space-4) 0 var(--space-2);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stock{height:1.75rem;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}.price{height:2rem;font-weight:700;margin-bottom:var(--space-4)}.control{min-height:var(--control-height);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-soft);color:var(--color-text)}.control:disabled{cursor:not-allowed}.retry{width:auto;cursor:pointer;background:var(--color-primary);color:var(--color-surface)}.skeleton{display:block;background:var(--color-skeleton);border-radius:var(--radius-sm);animation:pulse var(--motion-loading) ease-in-out infinite}.line{height:1rem;margin-block:.25rem;width:85%}.line-short{width:55%}.line-price{width:65%;height:1.5rem}.skeleton-button{height:var(--control-height);width:100%}.notice{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-block-end:var(--space-7);background:var(--color-surface)}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-5);color:var(--color-muted)}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip,.sr-only{position:absolute}.skip{top:-6rem;background:var(--color-surface);padding:var(--space-3);z-index:10}.skip:focus{top:0}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (max-width:960px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}}@media (max-width:360px){.grid{grid-template-columns:minmax(0,1fr)}}