.photo-info-recommended{margin-top:22px;padding:22px 0 28px;background:#f6f6f6;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.photo-info-recommended h4{margin:0 0 14px;color:#333}
.photo-info-recommended__status{margin:14px 0;color:#777}
.photo-info-recommended__status[hidden],.photo-info-recommended__grid[hidden]{display:none!important}
.photo-info-recommended__grid{display:flex;max-width:900px;margin:0 auto;align-items:flex-end;justify-content:center;gap:18px}
.photo-info-recommended__grid figure{min-width:0;margin:0;padding:9px;border:2px solid #ff9c00;background:#fff;border-radius:7px}
.photo-info-recommended__grid canvas{display:block;width:auto;height:200px;max-width:100%;background:#111;border-radius:4px}
.photo-info-recommended__grid figcaption{padding-top:7px;color:#333;font-size:13px;text-align:center}
.photo-info-recommended__note{margin:12px 0 0;color:#777;font-size:12px;line-height:1.6;text-align:center}
@media(max-width:767px){.photo-info-recommended{clear:both;margin:14px -15px 0;padding:18px 5px 22px}.photo-info-recommended>.w970{width:auto;max-width:none;margin:0}.photo-info-recommended__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}.photo-info-recommended__grid figure{min-width:0;padding:4px}.photo-info-recommended__grid canvas{width:100%;height:auto;max-width:100%}.photo-info-recommended__grid figcaption{padding-top:4px;font-size:10px;line-height:14px;white-space:nowrap}.photo-info-recommended__note{padding:0 8px;font-size:11px;line-height:1.5}}