.mrobbie-shortcode-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mrobbie-short-product{min-width:0;overflow:hidden;background:#fff;border:1px solid #e7e9ed;border-radius:14px}
.mrobbie-short-product img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#111}
.mrobbie-short-product>div{padding:14px}
.mrobbie-short-product h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px;font-size:18px;line-height:1.25}
.mrobbie-short-product strong{display:block;color:#d60012;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrobbie-short-order{display:block;padding:10px;text-align:center;background:#e30713;color:#fff!important;border-radius:8px;font-weight:800}
.mrobbie-shortcode-services,.mrobbie-shortcode-portfolio{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mrobbie-shortcode-services article,.mrobbie-shortcode-portfolio article{min-width:0;background:#fff;border:1px solid #e7e9ed;border-radius:14px;padding:18px}
.mrobbie-shortcode-portfolio img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
@media(max-width:900px){.mrobbie-shortcode-products,.mrobbie-shortcode-services,.mrobbie-shortcode-portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .mrobbie-shortcode-products,.mrobbie-shortcode-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mrobbie-shortcode-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mrobbie-short-product>div{padding:10px}
 .mrobbie-short-product h3{font-size:13px;min-height:33px}
 .mrobbie-short-product strong{font-size:12px}
 .mrobbie-short-order{padding:8px;font-size:11px}
 .mrobbie-shortcode-services article,.mrobbie-shortcode-portfolio article{padding:10px}
 .mrobbie-shortcode-services h3,.mrobbie-shortcode-portfolio h3{font-size:13px;line-height:1.3}
 .mrobbie-shortcode-services p{font-size:11px}
}
@media(max-width:350px){.mrobbie-shortcode-products,.mrobbie-shortcode-portfolio{grid-template-columns:1fr}}

/* MROBBIE Core 1.2: reliable service icons on mobile */
.mrobbie-short-service-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 0 12px;border-radius:12px;background:#fff0f1;color:#e30713}
.mrobbie-short-service-svg{display:block;width:23px;height:23px}
@media(max-width:600px){
 .mrobbie-short-service-icon{width:34px;height:34px;margin:0 auto 8px}
 .mrobbie-short-service-svg{width:19px;height:19px}
 .mrobbie-shortcode-services article{text-align:center}
}
