*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#faf9f5;color:#333}header{padding:24px;text-align:center;background:#fff;border-bottom:1px solid #eee}h1{margin:0;font-size:30px}header p{margin:5px}.toolbar{display:flex;gap:10px;max-width:1100px;margin:22px auto;padding:0 15px}.toolbar input,.toolbar select{padding:12px;border:1px solid #ccc;border-radius:10px;font-size:16px;flex:1}.grid{max-width:1100px;margin:auto;padding:0 15px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #00000012}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee}.info{padding:13px}.info h2{font-size:17px;margin:0 0 6px}.small{font-size:13px;color:#777}.sizes{margin:9px 0}.btn{display:block;text-align:center;text-decoration:none;padding:10px;border-radius:9px;background:#426b54;color:#fff;margin-top:10px}@media(max-width:520px){.toolbar{flex-direction:column}}
/* Catálogo 1.0.2.3 - seleção múltipla */
.card{position:relative}
.card-select{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding:10px;
  border:1px solid #ddd;
  border-radius:9px;
  cursor:pointer;
  user-select:none;
}
.card-select input{width:19px;height:19px;accent-color:#426b54}
.card.selected{outline:2px solid #426b54;outline-offset:-2px}
.multi-bar{
  position:fixed;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:50;
  width:min(760px,calc(100% - 24px));
  background:#fff;
  border:1px solid #ddd;
  border-radius:16px;
  box-shadow:0 8px 30px #00000028;
  padding:12px 14px;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.multi-bar.visible{display:flex}
.multi-bar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.multi-bar button{
  border:0;
  border-radius:9px;
  padding:10px 13px;
  cursor:pointer;
  font-weight:600;
}
.multi-clear{background:#eee;color:#333}
.multi-view{background:#eef3ef;color:#355946}
.multi-whatsapp{background:#426b54;color:#fff}
.multi-panel{
  position:fixed;
  inset:0;
  z-index:60;
  display:none;
  background:#0008;
  padding:18px;
}
.multi-panel.visible{display:flex;align-items:flex-end;justify-content:center}
.multi-panel-inner{
  background:#fff;
  width:min(720px,100%);
  max-height:80vh;
  overflow:auto;
  border-radius:18px 18px 10px 10px;
  padding:18px;
}
.multi-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.multi-panel-head button{border:0;background:#eee;border-radius:8px;padding:8px 11px;cursor:pointer}
.multi-selected-item{
  display:grid;
  grid-template-columns:60px 1fr auto;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid #eee;
}
.multi-selected-item img{
  width:58px;height:72px;object-fit:cover;border-radius:7px;background:#eee
}
.multi-remove{
  border:0;background:#f3f3f3;border-radius:8px;padding:8px;cursor:pointer
}
body.has-multi-bar{padding-bottom:92px}
@media(max-width:640px){
  .multi-bar{align-items:stretch;flex-direction:column}
  .multi-bar-actions{display:grid;grid-template-columns:1fr 1fr 1fr}
  .multi-bar button{padding:11px 8px;font-size:13px}
}