:root{--color-primary:#2f5d50;--color-surface:#ffffff;--color-text:#1a1a1a;--color-muted:#6b6b6b;--color-line:#e4e2dd;--color-back:#faf8f5;--color-focus:#0b5cff;--step-0:1rem;--step-1:1.125rem;--step-2:1.5rem;--step-3:clamp(1.75rem,1.2rem + 2vw,2.5rem);--space-1:0.375rem;--space-2:0.75rem;--space-3:1.25rem;--space-4:2rem;--space-5:3.5rem;--radius:10px;--measure:68ch;--font-body:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--font-display:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-back);color:var(--color-text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.skip{position:absolute;left:-9999px;top:var(--space-2);background:var(--color-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius);z-index:10}.skip:focus{left:var(--space-3)}.masthead{background:var(--color-surface);border-bottom:1px solid var(--color-line);padding:var(--space-3) var(--space-3)}.masthead__home{display:block;max-width:1180px;margin:0 auto;text-decoration:none}.masthead__name{display:block;font-family:var(--font-display);font-size:var(--step-2);letter-spacing:.01em;color:var(--color-primary);min-height:1.2em}.masthead__tagline{display:block;color:var(--color-muted);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}.main{max-width:1180px;margin:0 auto;padding:var(--space-4) var(--space-3) var(--space-5)}.footer{border-top:1px solid var(--color-line);background:var(--color-surface);padding:var(--space-4) var(--space-3)}.footer__links{max-width:1180px;margin:0 auto var(--space-2);display:flex;gap:var(--space-3)}.footer__link{color:var(--color-primary)}.footer__note{max-width:1180px;margin:0 auto;color:var(--color-muted);font-size:.875rem}.shelves{margin-bottom:var(--space-4)}.shelves__list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0}.shelves__link{display:inline-block;padding:var(--space-1) var(--space-3);border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);text-decoration:none;font-size:.9375rem}.shelves__link:hover{border-color:var(--color-primary)}.shelves__link[aria-current=page]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.catalog{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media (min-width:56rem){.catalog{grid-template-columns:15rem 1fr}.catalog__aside{position:sticky;top:var(--space-3)}}.catalog__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-line)}.catalog__title{font-size:var(--step-3)}.catalog__count{margin:0;color:var(--color-muted);font-size:.9375rem}.filters{margin:0}.filters__group{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);padding:var(--space-2) var(--space-3) var(--space-3);margin:0}.filters__legend{font-family:var(--font-display);font-size:var(--step-1);padding:0 var(--space-1)}.filters__options{list-style:none;margin:0;padding:0}.filters__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;cursor:pointer}.filters__option input{width:1.05rem;height:1.05rem;accent-color:var(--color-primary)}.filters__label{flex:1 1}.filters__count{color:var(--color-muted);font-size:.8125rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .12s ease,transform .12s ease}.card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.card__link{text-decoration:none;display:block}.card__name{font-size:var(--step-1);padding:var(--space-2) var(--space-3) 0}.card__price{margin:var(--space-1) 0 0;padding:0 var(--space-3) var(--space-3);color:var(--color-primary);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cover{display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65),transparent 60%),var(--color-primary);color:#fff;font-family:var(--font-display);letter-spacing:.06em}.cover--card{aspect-ratio:4/3;font-size:2.25rem}.cover--detail{aspect-ratio:1/1;font-size:4rem;border-radius:var(--radius)}.detail{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media (min-width:52rem){.detail{grid-template-columns:minmax(16rem,26rem) 1fr}}.detail__body{max-width:var(--measure)}.detail__title{font-size:var(--step-3);margin-bottom:var(--space-2)}.detail__price{font-size:var(--step-2);color:var(--color-primary);font-weight:700;margin:0 0 var(--space-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail__lead{margin:0 0 var(--space-4)}.detail__block{margin-bottom:var(--space-4)}.detail__subtitle{font-size:var(--step-1);margin-bottom:var(--space-2)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0}.chip{display:inline-block;padding:var(--space-1) var(--space-2);border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);font-size:.875rem;text-transform:capitalize}.chip--link{text-decoration:none}.chip--link:hover{border-color:var(--color-primary)}.specs{margin:0;border-top:1px solid var(--color-line)}.specs__row{display:grid;grid-template-columns:minmax(8rem,14rem) 1fr;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-line)}.specs__key{color:var(--color-muted);text-transform:capitalize}.specs__value{margin:0}.variants{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.variants__item{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface)}.variants__sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.status,.variants__size{color:var(--color-muted)}.status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0}.status--empty,.status--error{display:block;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-4);color:var(--color-text)}.status__spinner{width:1.1rem;height:1.1rem;border:2px solid var(--color-line);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.status__spinner{animation:none}.card{transition:none}.card:hover{transform:none}}.button{display:inline-block;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-primary);color:#fff;border-radius:var(--radius);text-decoration:none}