/* Only the flag-category listing uses the narrow portrait grid. */
.designs.flag-designs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.flag-designs>.design{border-radius:13px;min-width:0}
.flag-designs>.design .ph{aspect-ratio:1/3;background:#fff}
.flag-designs>.design .ph img{display:block;width:100%;height:100%;object-fit:contain}
.flag-designs>.design:hover .ph img{transform:none}
.flag-designs>.design .meta{padding:8px;gap:5px;min-height:68px;box-sizing:border-box}
.flag-designs>.design .name{font-size:12px;line-height:1.45;min-height:2.9em;overflow-wrap:anywhere}
.flag-designs>.design .price{font-size:15px;line-height:1.45}
.flag-designs>.design .price small{font-size:10px;line-height:1.45}
.flag-designs>.skel{aspect-ratio:1/3.5!important}
@media(max-width:359px){.designs.flag-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px){.designs.flag-designs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}}
@media(min-width:960px){.designs.flag-designs{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:1200px){.designs.flag-designs{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}}