/* Catalogue Makito — sans prix public */
.makito-page{
  padding:calc(64px + 2rem) 1.25rem 3rem;
  max-width:1120px;margin:0 auto;
}
.makito-hero{margin-bottom:2rem;max-width:640px}
.makito-hero h1{
  font-size:clamp(1.75rem,4vw,2.35rem);
  font-weight:600;letter-spacing:-.03em;line-height:1.12;margin:.35rem 0 .75rem;
}
.makito-hero-lead{font-size:.9375rem;line-height:1.55;color:var(--muted);margin:0}
.section-label{font-size:.8125rem;color:var(--ig-blue);margin-bottom:.5rem;font-weight:600}

.makito-unavailable{
  padding:2rem 1.5rem;border-radius:14px;text-align:center;
  background:var(--ig-surface);border:1px solid var(--border);
}
.makito-unavailable p{margin:0;font-size:.9375rem;color:var(--text);font-weight:600}
.makito-unavailable-sub{
  margin-top:.5rem!important;font-size:.875rem!important;font-weight:400!important;color:var(--muted)!important;
}
.makito-unavailable-cta{
  display:inline-flex;margin-top:1.25rem;padding:.65rem 1.25rem;
  font-size:.875rem;font-weight:600;color:#fff!important;
  background:var(--ig-blue);border-radius:999px;
  box-shadow:0 2px 10px rgba(0,149,246,.25);
  transition:background .2s,transform .2s;
}
.makito-unavailable-cta:hover{background:var(--ig-blue-hover);transform:translateY(-1px)}

.makito-alert{
  padding:1rem 1.15rem;border-radius:12px;
  background:rgba(237,73,86,.08);border:1px solid rgba(237,73,86,.2);
  color:#c13545;font-size:.875rem;
}
.makito-alert-muted{color:var(--muted)}

.makito-toolbar{
  display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;
  margin-bottom:1rem;padding:1rem;
  background:var(--ig-surface);border:1px solid var(--border);border-radius:12px;
}
.makito-search{flex:1 1 220px}
.makito-search input,
.makito-filter select{
  width:100%;padding:.65rem .85rem;
  background:var(--ig-bg);border:1px solid var(--border);border-radius:10px;
  font-family:inherit;font-size:.875rem;color:var(--text);outline:none;
}
.makito-search input:focus,
.makito-filter select:focus{border-color:var(--ig-blue);box-shadow:0 0 0 3px rgba(0,149,246,.12)}
.makito-filter{flex:0 1 200px;min-width:160px}
.makito-toolbar-btn{
  padding:.65rem 1.1rem;border:none;border-radius:999px;
  background:var(--ig-blue);color:#fff;font-weight:600;font-size:.8125rem;
  cursor:pointer;font-family:inherit;
}
.makito-toolbar-btn:hover{background:var(--ig-blue-hover)}
.makito-toolbar-reset{font-size:.8125rem;font-weight:600;color:var(--muted)}
.makito-toolbar-reset:hover{color:var(--ig-blue)}

.makito-count{font-size:.8125rem;color:var(--muted);margin:0 0 1.25rem}
.makito-empty{
  text-align:center;padding:3rem 1.5rem;color:var(--muted);
  background:var(--ig-surface);border:1px solid var(--border);border-radius:12px;
}

.makito-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;
}
.makito-card{
  display:flex;flex-direction:column;
  background:var(--ig-surface);border:1px solid var(--border);border-radius:14px;
  overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;
}
.makito-card:hover{
  border-color:#c7c7c7;box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-2px);
}
.makito-card-media{
  position:relative;aspect-ratio:1;background:var(--ig-bg);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.makito-card-media img{width:100%;height:100%;object-fit:contain;padding:.75rem}
.makito-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--ig-bg),#efefef)}
.makito-stock{
  position:absolute;top:.55rem;right:.55rem;
  font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  padding:.25rem .45rem;border-radius:999px;
}
.makito-stock.in-stock{background:rgba(88,195,34,.12);color:#3d9418}
.makito-stock.out-stock{background:rgba(115,115,115,.12);color:#737373}

.makito-card-body{padding:1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.makito-card-ref{font-size:.6875rem;font-weight:600;color:var(--ig-blue);letter-spacing:.04em;text-transform:uppercase;margin:0}
.makito-card-title{font-size:.9375rem;font-weight:600;line-height:1.3;margin:0;color:var(--text)}
.makito-card-cat{font-size:.75rem;color:var(--muted);margin:0}
.makito-card-print{font-size:.6875rem;color:var(--muted);margin:0;line-height:1.35}
.makito-card-cta{
  margin-top:auto;padding-top:.65rem;
  font-size:.8125rem;font-weight:600;color:var(--ig-blue)!important;
}
.makito-card-cta:hover{opacity:.75}

.makito-pagination{
  display:flex;align-items:center;justify-content:center;gap:1rem;
  margin-top:2rem;font-size:.875rem;font-weight:600;
}
.makito-pagination a{color:var(--ig-blue)}
.makito-pagination span{color:var(--muted)}

.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

@media (max-width:768px){
  .makito-page{padding:calc(64px + 1.25rem) 1rem 2.5rem}
  .makito-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
}

@media (max-width:480px){
  .makito-grid{grid-template-columns:1fr}
}