/* Product listing uses the approved six product photos and the homepage information order. */
.hh-products-refined #main .hh-products-intro { padding:38px 0 34px; }
.hh-products-refined #main .hh-products-intro__eyebrow { display:none; }
.hh-products-refined #main .hh-products-intro h1 { font-size:36px; line-height:1.25; letter-spacing:-.04em; overflow-wrap:anywhere; }
.hh-products-refined #main .hh-products-intro__lead { margin-top:12px; font-size:15px; line-height:1.6; }
.hh-products-refined #main .hh-products-toolbar { min-height:78px; margin-bottom:24px; }
.hh-products-refined #main .hh-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 28px; }
.hh-products-refined #main .hh-products-card { min-height:0; height:auto; color:#193e33; }
.hh-products-refined #main .hh-products-card__visual { aspect-ratio:1; padding:0; border:1px solid #e9ece5; border-radius:10px; background:#fff; }
.hh-products-refined #main .hh-products-card__visual img { position:absolute; display:block; width:var(--photo-size,92%); height:var(--photo-size,92%); left:calc((100% - var(--photo-size,92%)) / 2); top:calc(var(--photo-top,1%) + var(--photo-mobile-offset,0%)); max-width:none; object-fit:contain; opacity:1; mix-blend-mode:normal; }
.hh-products-refined #main .hh-products-card__body { flex:0 0 auto; padding:16px 0 0; }
.hh-products-refined #main .hh-products-card__kicker { display:block; color:#5b7751; font-size:13px; line-height:1.5; font-weight:550; }
.hh-products-refined #main .hh-products-card__name { display:block; min-height:0; margin-top:8px; font-size:22px; line-height:1.4; font-weight:650; }
.hh-products-refined #main .hh-products-card__caption { display:block; margin-top:5px; font-size:13px; line-height:1.6; font-weight:400; color:#748075; word-break:keep-all; overflow-wrap:anywhere; }
.hh-products-refined #main .hh-products-card__review { min-height:0; margin-top:13px; line-height:1.5; font-size:12px; }
.hh-products-refined #main .hh-products-card__price { display:flex; min-height:0; margin-top:10px; align-items:baseline; flex-wrap:wrap; gap:4px 7px; }
.hh-products-refined #main .hh-products-card__price>strong { order:0; font-size:26px; line-height:1.3; }
.hh-products-refined #main .hh-products-card__price>b { order:1; font-size:15px; color:#d85841; }
.hh-products-refined #main .hh-products-card__price>del { order:2; flex-basis:100%; font-size:12px; line-height:1.4; color:#7c857c; }
.hh-products-refined #main .hh-products-catalog { padding-bottom:72px; }
.hh-products-refined #main .hh-products-card:focus-visible { outline:2px solid #55705c; outline-offset:5px; border-radius:10px; }
@media(max-width:920px) {
 .hh-products-refined #main .hh-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }
}
@media(max-width:620px) {
 .hh-products-refined #main .hh-products-intro { padding:25px 0; }
 .hh-products-refined #main .hh-products-intro h1 { font-size:28px; }
 .hh-products-refined #main .hh-products-intro__lead { margin-top:8px; font-size:13px; }
 .hh-products-refined #main .hh-products-toolbar { min-height:68px; margin-bottom:18px; }
 .hh-products-refined #main .hh-products-grid { gap:28px 14px; }
 .hh-products-refined #main .hh-products-card__visual { aspect-ratio:1; border-radius:8px; }
 .hh-products-refined #main .hh-products-card__body { padding-top:10px; }
 .hh-products-refined #main .hh-products-card__kicker { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:33px; font-size:11px; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; }
 .hh-products-refined #main .hh-products-card__name { margin-top:5px; font-size:17px; line-height:1.4; letter-spacing:-.04em; word-break:keep-all; }
 .hh-products-refined #main .hh-products-card__caption { margin-top:4px; font-size:11px; line-height:1.5; }
 .hh-products-refined #main .hh-products-card__review { margin-top:10px; font-size:11px; gap:3px; }
 .hh-products-refined #main .hh-products-card__price { margin-top:7px; gap:3px 5px; }
 .hh-products-refined #main .hh-products-card__price>strong { font-size:22px; }
 .hh-products-refined #main .hh-products-card__price>b { font-size:12px; }
 .hh-products-refined #main .hh-products-card__price>del { font-size:11px; }
 .hh-products-refined #main .hh-products-catalog { padding-bottom:44px; }
}
@media(max-width:350px) {
 .hh-products-refined #main .hh-products-grid { column-gap:10px; }
 .hh-products-refined #main .hh-products-card__name { font-size:15px; }
 .hh-products-refined #main .hh-products-card__price>strong { font-size:19px; }
 .hh-products-refined #main .hh-products-card__review { font-size:10px; }
}

/* Match the homepage's 62–66% product height without stretching the photos.
   Positioning is separate from transform so the existing hover zoom remains intact. */
.hh-products-refined #main .hh-products-card__visual img[src$="migan-detail-white-v2.webp"] { --photo-size:95%; --photo-top:-4%; }
.hh-products-refined #main .hh-products-card__visual img[src$="heuk-white-v1.webp"] { --photo-size:91%; --photo-top:1%; }
.hh-products-refined #main .hh-products-card__visual img[src$="lunch-white-v1.webp"] { --photo-size:92%; --photo-top:1%; }
.hh-products-refined #main .hh-products-card__visual img[src$="curcu-white-v1.webp"] { --photo-size:84%; --photo-top:5%; }
.hh-products-refined #main .hh-products-card__visual img[src$="mela-white-v1.webp"] { --photo-size:85%; --photo-top:4%; }
.hh-products-refined #main .hh-products-card__visual img[src$="bana-white-v1.webp"] { --photo-size:94%; --photo-top:2%; }
@media(max-width:700px) {
 .hh-products-refined #main .hh-products-card__visual img { --photo-mobile-offset:8%; }
}

/* Clickable concern cards; native links preserve keyboard and new-tab behavior. */
.hh-products-refined #main .hh-products-finder { padding:76px 0; }
.hh-products-refined #main .hh-products-finder__inner { grid-template-columns:.95fr 1.25fr; gap:56px; }
.hh-products-refined #main .hh-products-finder__topics { gap:12px; min-width:0; }
.hh-products-refined #main .hh-finder-topic { min-width:0; min-height:200px; display:flex; flex-direction:column; padding:20px; color:#fff; text-decoration:none; border:1px solid rgba(225,236,225,.24); border-radius:14px; background:rgba(255,255,255,.065); transition:background .22s ease,border-color .22s ease; }
.hh-products-refined #main .hh-finder-topic__icon { display:flex; align-items:center; width:32px; height:32px; margin-bottom:20px; color:#dce7cb; }
.hh-products-refined #main .hh-finder-topic svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.hh-products-refined #main .hh-finder-topic strong { font-size:23px; line-height:1.3; font-weight:650; }
.hh-products-refined #main .hh-finder-topic__description { display:block; min-height:40px; margin-top:8px; color:#e0e9e1; font-size:13px; line-height:1.55; word-break:keep-all; overflow-wrap:anywhere; }
.hh-products-refined #main .hh-finder-topic__footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:14px; }
.hh-products-refined #main .hh-finder-topic small { margin:0; color:#b9ccc3; font-size:12px; line-height:1.4; }
.hh-products-refined #main .hh-finder-topic svg.hh-finder-topic__arrow { width:20px; height:20px; flex-shrink:0; color:#e1e9ce; transition:transform .22s ease; }
.hh-products-refined #main .hh-finder-topic:focus-visible { outline:2px solid #e1e9ce; outline-offset:4px; background:rgba(255,255,255,.13); }
@media(hover:hover) {
 .hh-products-refined #main .hh-finder-topic:hover { background:rgba(255,255,255,.13); border-color:rgba(225,236,225,.5); }
 .hh-products-refined #main .hh-finder-topic:hover .hh-finder-topic__arrow { transform:translateX(4px); }
}
@media(max-width:1050px) { .hh-products-refined #main .hh-products-finder__inner { grid-template-columns:1fr; gap:32px; } }
@media(max-width:620px) {
 .hh-products-refined #main .hh-products-finder { padding:52px 0; }
 .hh-products-refined #main .hh-products-finder__inner { gap:24px; }
 .hh-products-refined #main .hh-products-finder__topics { grid-template-columns:1fr; gap:10px; }
 .hh-products-refined #main .hh-finder-topic { min-height:0; display:grid; grid-template-columns:32px minmax(0,1fr) 20px; grid-template-areas:"icon title arrow" "icon description arrow" "icon count arrow"; column-gap:14px; padding:18px; border-radius:12px; }
 .hh-products-refined #main .hh-finder-topic__icon { grid-area:icon; align-self:center; margin:0; }
 .hh-products-refined #main .hh-finder-topic strong { grid-area:title; font-size:19px; }
 .hh-products-refined #main .hh-finder-topic__description { grid-area:description; min-height:0; margin-top:4px; font-size:12px; }
 .hh-products-refined #main .hh-finder-topic__footer { display:contents; }
 .hh-products-refined #main .hh-finder-topic small { grid-area:count; margin-top:6px; font-size:11px; }
 .hh-products-refined #main .hh-finder-topic__arrow { grid-area:arrow; align-self:center; }
}
@media(prefers-reduced-motion:reduce) {
 .hh-products-refined #main .hh-finder-topic, .hh-products-refined #main .hh-finder-topic svg.hh-finder-topic__arrow { transition:none; }
}