.product-art{
  aspect-ratio:4/5;
  min-height:420px;
  background:#f8f8f5;
}
.product-art img{
  object-fit:contain;
  padding:18px;
}
.modal-visual img{
  object-fit:contain;
  background:#f7f7f3;
  padding:20px;
}
.category-filter{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:-14px 0 32px;
  padding:16px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.category-filter>span{
  font:700 9px "Space Mono";
  letter-spacing:.13em;
  margin-right:10px;
  color:var(--muted);
}
.category-filter button{
  border:0;
  background:transparent;
  padding:9px 12px;
  font:700 10px "Space Mono";
  cursor:pointer;
  transition:transform .2s,background .2s;
}
.category-filter button:hover{
  background:#fff;
  transform:translateY(-2px);
}
.category-filter button.active{
  background:var(--acid);
  box-shadow:inset 0 0 0 1px var(--ink);
}
.sizes button{
  border:1px solid var(--ink);
  min-width:48px;
  padding:12px 10px;
  text-align:center;
  background:transparent;
  font:700 11px "Space Mono";
  cursor:pointer;
  transition:transform .18s,background .18s,color .18s,box-shadow .18s;
}
.sizes button:hover{
  transform:translateY(-5px) scale(1.06);
  background:var(--acid);
  box-shadow:4px 4px 0 var(--ink);
}
.sizes button.selected{
  background:var(--ink);
  color:var(--acid);
  transform:translateY(-3px);
  box-shadow:4px 4px 0 var(--acid);
}
.blue{background:#5e82e8}
.product-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:35px 0 14px}
.action-panel{min-height:116px;padding:14px;background:#fff;border:1px solid var(--ink);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,background .2s,color .2s}
.action-panel small{font:700 8px "Space Mono";color:var(--muted)}
.action-panel b{font:700 10px "Space Mono";line-height:1.35}
.action-panel>span{align-self:flex-end;font-size:18px}
.action-panel:hover{transform:translateY(-5px);background:var(--ink);color:var(--acid)}
.action-panel:hover small{color:#ccc}
.action-panel.hidden{display:none}
.link-section-editor{border:1px solid #aaa;background:#fff;padding:20px;margin:8px 0 20px}
.link-section-editor h3{margin:0 0 18px;font-size:15px}
.agents-editor{border-top:1px solid #bbb;padding-top:15px}.agents-editor h4{font-size:12px;margin:0 0 15px}
.agents-section{margin:24px 0}.agents-section.hidden{display:none}.agents-section h4{margin-bottom:12px}
.agents-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.agents-grid a{min-height:96px;border:1px solid var(--ink);padding:12px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
.agents-grid small{font:700 8px "Space Mono";color:var(--muted)}.agents-grid b{font:700 9px "Space Mono";word-break:break-word}.agents-grid span{align-self:flex-end}
.agents-grid a:hover{background:var(--acid);transform:translateY(-4px)}
.order .section-head>.eyebrow,.order .section-head>div>.eyebrow{color:#111;font-size:clamp(28px,4vw,52px);letter-spacing:-.04em;line-height:.95;margin-bottom:14px}
.order .section-head h2{font-size:clamp(20px,2.2vw,30px);letter-spacing:-.03em}
.direct-whatsapp{min-width:190px;min-height:64px;border:1px solid var(--ink);padding:14px 18px;background:#25d366;color:#111;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 12px "Space Mono";transition:.2s}
.direct-whatsapp:hover{transform:translateY(-5px);box-shadow:5px 5px 0 var(--ink)}
.direct-whatsapp-icon{width:30px;height:30px;object-fit:contain}
.filters button b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;border-radius:20px;background:#fff;color:#111;font:700 9px "Space Mono"}
.filters button.active b{background:var(--acid)}
.payments{gap:10px}
.payments a{min-width:92px;min-height:58px;border:1px solid var(--ink);padding:10px 14px;color:var(--ink);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;transition:transform .2s,background .2s,color .2s}
.payments a:hover{transform:translateY(-4px);background:var(--ink);color:var(--acid)}
.payments a img{width:24px;height:24px;object-fit:contain}
.payments a span{border:0;padding:0;font:700 10px "Space Mono"}
.admin-size-picker{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 22px}
.admin-size-picker button{min-width:48px;padding:11px 10px;border:1px solid var(--ink);background:#fff;font:700 10px "Space Mono";cursor:pointer;transition:.18s}
.admin-size-picker button:hover{transform:translateY(-3px);background:var(--acid)}
.admin-size-picker button.selected{background:var(--ink);color:var(--acid);box-shadow:3px 3px 0 var(--acid)}
.product-bar-actions{display:flex;gap:8px}.product-bar-actions>button{border:1px solid var(--ink);padding:12px 15px;background:#fff;font:700 10px "Space Mono";cursor:pointer}.product-bar-actions>button:hover{background:var(--acid)}.product-bar-actions>.primary{background:var(--ink)}
.storage-usage{display:block;margin-top:5px;font:500 10px "Space Mono";color:#777}.storage-usage.warning{color:#c04420;font-weight:700}
.card-price{display:block;margin-top:12px;font:700 20px "Space Mono";color:var(--ink)}
.modal-price{font:700 30px "Space Mono";margin:-8px 0 18px;color:var(--ink)}
.modal-price.hidden{display:none}
.cloud-login-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cloud-login-actions>button:not(.primary){border:1px solid var(--ink);background:#fff;padding:13px 18px;font:700 10px "Space Mono";cursor:pointer}.cloud-login-actions span{font-size:12px;color:#666}.cloud-login{border-left:5px solid var(--acid)}
@media(max-width:850px){
  .product-art{min-height:330px}
}
@media(max-width:560px){
  .product-art{aspect-ratio:1/1.15;min-height:380px}
  .product-art img{padding:10px}
  .category-filter{flex-wrap:nowrap;overflow-x:auto}
  .category-filter>*{flex:0 0 auto}
  .product-actions{grid-template-columns:1fr}
  .action-panel{min-height:86px}
  .agents-grid{grid-template-columns:repeat(2,1fr)}
}