.page-catalog{
  background:#FBF6EA;
}
.page-catalog .site-footer{background:#F7F1E4;margin-top:0}
.mp-top{background:#fff;position:relative;overflow:hidden}
.mp-hero{padding:3.4rem 0 1.6rem;text-align:center;position:relative;z-index:1}
.mp-hero h1{
  font-family:var(--font-h);font-weight:400;color:#0d290a;
  font-size:clamp(2.1rem,5vw,3.1rem);margin:0 0 .45rem;letter-spacing:0;
}
.mp-hero p{margin:0;color:var(--muted);font-size:1.08rem}
.mp-tools{padding:0 0 1.6rem}
.mp-filters{
  display:grid;grid-template-columns:1.3fr auto 1.4fr;gap:1.1rem 1.4rem;align-items:end;
  background:#fff;border:1px solid var(--box-border);border-radius:18px;
  padding:1.15rem 1.3rem;box-shadow:0 12px 30px rgba(43,99,38,.06);
}
.mp-filters > * span:first-child{
  display:block;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.4rem;
}
.mp-search-field{
  display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:12px;
  padding:.15rem .7rem;background:#fff;
}
.mp-search-field svg{width:18px;height:18px;color:var(--green);flex:0 0 auto}
.mp-search-field input{border:0;background:transparent;padding:.65rem 0;width:100%;font:inherit}
.mp-search-field input:focus{outline:none}
.mp-switch{display:grid;justify-items:start}
.mp-switch input{
  appearance:none;width:46px;height:26px;border-radius:99px;background:#d8d4cc;position:relative;
  cursor:pointer;border:0;padding:0;transition:background .15s;
}
.mp-switch input::after{
  content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:left .15s;
}
.mp-switch input:checked{background:var(--green)}
.mp-switch input:checked::after{left:23px}
.mp-ends > div{display:flex;flex-wrap:wrap;gap:.35rem}
.mp-ends a{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;text-decoration:none;
  border:1px solid var(--line);color:var(--ink);font-weight:750;background:#fff;
}
.mp-ends a.on,.mp-ends a:hover{background:var(--green);color:#fff;border-color:var(--green)}
.mp-list{padding:0 0 2.8rem}
.mp-empty{text-align:center;color:var(--muted)}
.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}
.mp-card{
  position:relative;background:#fff;border:1px solid var(--box-border);border-radius:18px;
  padding:.9rem .9rem 1.05rem;box-shadow:0 10px 24px rgba(0,0,0,.05);
  transition:transform .2s,box-shadow .2s;
}
@media (hover:hover){
  .mp-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(31,42,34,.12)}
}
.mp-ribbon{
  position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--green);color:#fff;
  font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:.28rem .55rem;border-radius:8px;
}
.mp-art{display:block;border-radius:10px;overflow:hidden}
.mp-art .decimo-art{max-width:none;margin:0;box-shadow:none}
.mp-num{font-family:var(--font-b);font-size:.98rem;font-weight:700;margin:.45rem 0 0;color:var(--ink);letter-spacing:.03em}
.mp-price{margin:.1rem 0 .75rem;color:var(--muted);font-weight:650}
.mp-actions{display:flex;gap:.45rem;align-items:center;flex-wrap:nowrap}
.mp-buy{flex:1}
.mp-add{width:100%}
.mp-add svg{width:16px;height:16px}
.mp-pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.35rem;margin:1.8rem 0 0}
.mp-pager a,.mp-pager span{
  min-width:38px;height:38px;padding:0 .55rem;border-radius:99px;display:grid;place-items:center;
  text-decoration:none;color:var(--ink);font-weight:700;
}
.mp-pager a.on,.mp-pager a:hover{background:var(--green);color:#fff}
.mp-props{background:#F3F7E9;padding:2rem 0}
.mp-props-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.mp-props article{text-align:center}
.mp-props span{display:grid;place-items:center;margin:0 auto .5rem;color:var(--green-xd)}
.mp-props svg{width:28px;height:28px}
.mp-props h2{font-family:var(--font-b);font-size:1rem;margin:0 0 .3rem;color:var(--ink);font-weight:800}
.mp-props p{margin:0;color:var(--muted);font-size:.9rem}
@media (max-width:900px){
  .mp-filters{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .mp-ends{grid-column:1/-1}
  .mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
  .mp-props-grid{grid-template-columns:1fr 1fr}
  .mp-card{padding:.75rem .75rem .9rem}
  .mp-hero{padding:2.4rem 0 1.3rem}
}
@media (max-width:640px){
  .mp-filters{grid-template-columns:1fr;padding:1rem}
  .mp-grid,.mp-props-grid{grid-template-columns:1fr}
  .mp-hero{padding:1.6rem 0 1rem}
  .mp-hero h1{font-size:clamp(1.7rem,8vw,2.3rem)}
  .mp-hero p{font-size:.98rem}
  .mp-ends a{width:44px;height:44px}
  .mp-list{padding:0 0 4.2rem}
  .mp-actions{padding-right:3.4rem}
  .mp-buy{min-width:0;padding-inline:.7rem}
}