.hm3-shop{padding:1.5rem 0 3rem}
.hm3-shop-top{text-align:center;margin-bottom:1.5rem}
.hm3-shop-top h1{margin:0;font-family:'Literata',Georgia,serif;font-size:clamp(1.8rem,3.5vw,2.6rem);color:#082F49}
.hm3-shop-top p{margin:.5rem 0 0;color:#64748B}
.hm3-chipbar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem}
.hm3-chip{padding:.45rem 1rem;border-radius:999px;background:#fff;border:1px solid rgba(12,74,110,.12);text-decoration:none;font-size:.85rem;font-weight:600;color:#0C4A6E}
.hm3-chip.is-active,.hm3-chip:hover{background:#FB7185;color:#fff;border-color:#FB7185}
.hm3-shop-toolbar{display:flex;justify-content:center;margin-bottom:1.25rem}
.hm3-shop-toolbar select{border-radius:999px;border:1px solid rgba(12,74,110,.15);padding:.55rem 1rem;background:#fff}
.hm3-masonry{columns:2;column-gap:1rem}
.hm3-card{display:inline-block;width:100%;margin:0 0 1rem break-inside:avoid;background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 12px 32px rgba(8,47,73,.06);border:1px solid rgba(12,74,110,.06);transition:transform .2s}
.hm3-card:hover{transform:translateY(-4px)}
.hm3-card:nth-child(3n+1){border-radius:32px 32px 16px 32px}
.hm3-card:nth-child(3n+2){border-radius:16px 32px 32px 16px;margin-top:1.5rem}
.hm3-card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hm3-card-body{padding:1rem 1rem 1.15rem}
.hm3-card-body strong{display:block;font-size:.95rem;color:#082F49;line-height:1.35;margin-bottom:.35rem}
.hm3-card-body span{color:#FB7185;font-weight:700;font-size:1.05rem}
.hm3-card-tag{display:inline-block;margin-top:.5rem;font-size:.72rem;font-weight:700;color:#0D9488;text-transform:uppercase;letter-spacing:.06em}
.hm3-empty,.hm3-pagination{text-align:center;padding:2rem;color:#64748B}
.hm3-pagination{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.hm3-pagination a{padding:.45rem .85rem;border-radius:999px;background:#fff;border:1px solid rgba(12,74,110,.12);text-decoration:none}
.hm3-pagination a.is-current{background:#0C4A6E;color:#fff}
@media(min-width:900px){.hm3-masonry{columns:3}}
@media(max-width:640px){.hm3-masonry{columns:1}.hm3-card:nth-child(3n+2){margin-top:0}}
