.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hcard{position:relative;background:var(--n0,#fff);border:1px solid var(--line,#e8e8eb);border-radius:var(--r-xl,16px);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.hcard:hover{border-color:var(--n300,#cbcbcf);background:var(--n50,#fafafa)}.hcard:active{transform:scale(.995);background:var(--n100,#f2f2f3)}.hcard:focus-visible{outline:0;border-color:var(--navy,#103178);box-shadow:0 0 0 3px var(--navy-tint,#eaeef6)}.hcard.selected{border-color:var(--navy,#103178);background:var(--navy-tint,#eaeef6)}.hcard-actions{position:absolute;top:12px;right:12px;z-index:2;display:flex;flex-direction:column;gap:8px}.hcard-act{width:32px;height:32px;border-radius:50%;background:0 0;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--n400,#a6a6ad);transition:background .12s,color .12s}.hcard-act:hover{background:var(--surface,#f6f6f8);color:var(--n600,#54545b)}.hcard-act .ic{width:18px;height:18px}.hcard-act.fav.on{color:#e5484d}.hcard-act.fav.on .ic svg{fill:#E5484D}.hcard-top{display:flex;gap:14px;padding:16px 50px 0 16px}.hcard-icon{width:56px;height:56px;border-radius:var(--r-lg,12px);display:flex;align-items:center;justify-content:center;flex:none}.hcard-icon img{width:52px;height:52px;object-fit:contain}.hcard-head{min-width:0;flex:1}.hcard-title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--ink,#141414)}.hcard-title a{display:block;color:inherit;text-decoration:none}.hcard-desc{font-size:13px;line-height:1.45;color:var(--n500,#76767e);margin-top:4px}.hcard-prov{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--n600,#54545b)}.hcard-prov .hlogo{width:18px;height:18px;border-radius:4px;background:var(--surface,#f6f6f8);border:1px solid var(--line,#e8e8eb);display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:800;color:var(--n600,#54545b);flex:none}@media(max-width:768px){.cup-list .hcard-prov{display:none}}.hcard-chips{display:flex;flex-wrap:nowrap;gap:8px;padding:12px 16px 4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hcard-chips::-webkit-scrollbar{display:none}.hcard-chip{flex:none}.hcard-chip{font-size:12.5px;font-weight:600;color:var(--n600,#54545b);background:var(--surface,#f6f6f8);border:1px solid var(--line,#e8e8eb);border-radius:var(--r-pill,999px);padding:7px 12px}.hcard-chip.pop{color:var(--amber-700,#f57c00);background:#fff3e0;border-color:transparent;font-weight:800;letter-spacing:.3px}.hcard-meta{display:flex;align-items:center;gap:10px;padding:10px 16px 0;font-size:12.5px;color:var(--n500,#76767e);flex-wrap:wrap}.hcard-meta .mi{display:inline-flex;align-items:center;gap:6px}.hcard-meta .mi .ic{width:15px;height:15px;color:var(--n400,#a6a6ad)}.hcard-meta .hlogo{width:18px;height:18px;border-radius:4px;background:var(--surface,#f6f6f8);border:1px solid var(--line,#e8e8eb);display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:800;color:var(--n600,#54545b)}.hcard-acts{display:flex;align-items:center;gap:8px;padding:10px 16px 0}.hcard .cmp{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--n600,#54545b);background:var(--surface,#f6f6f8);border:1px solid var(--line,#e8e8eb);border-radius:var(--r-pill,999px);padding:7px 12px;cursor:pointer;font-family:inherit}.hcard .cmp .box{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--n300,#cbcbcf);display:flex;align-items:center;justify-content:center}.hcard .cmp .box .ic{width:11px;height:11px;color:#fff;opacity:0}.hcard .cmp.on{color:var(--navy,#103178);border-color:var(--navy,#103178);background:var(--navy-tint,#eaeef6)}.hcard .cmp.on .box{background:var(--navy,#103178);border-color:var(--navy,#103178)}.hcard .cmp.on .box .ic{opacity:1}.hcard .icbtn{width:34px;height:34px;border-radius:50%;background:var(--surface,#f6f6f8);border:1px solid var(--line,#e8e8eb);display:flex;align-items:center;justify-content:center;cursor:pointer}.hcard .icbtn .ic{width:16px;height:16px;color:var(--n600,#54545b)}.hcard .icbtn:hover{background:var(--n150,#ececee)}.hcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line,#e8e8eb);padding:14px 16px;margin-top:14px}.hcard-foot.pin{margin-top:auto}.hcard-foot.row2{justify-content:stretch}.hcard-cta.grow{flex:1}.hcard .cmp.out{flex:none;height:38px;padding:0 14px;border-radius:var(--r-sm,8px)}.hcard .cmp.wide-cmp{width:100%;justify-content:center;height:40px}.hcard-foot .cmp.out:only-child{flex:1 1 auto;width:100%;justify-content:center;height:40px}.hcard-price{display:flex;flex-direction:column;line-height:1.1}.hcard-price .now{font-size:19px;font-weight:800;color:var(--navy,#103178);letter-spacing:-.3px}.hcard-price .now small{font-size:12px;font-weight:500;color:var(--n400,#a6a6ad)}.hcard-price .old{font-size:12px;font-weight:500;color:var(--n400,#a6a6ad);text-decoration:line-through;margin-top:2px}.hcard-cta{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;font-size:13px;font-weight:700;border-radius:var(--r-sm,8px);background:var(--navy,#103178);color:#fff;white-space:nowrap;transition:background .12s;text-decoration:none}.hcard-cta:hover{background:var(--navy-600,#0d2866)}.hcard-eyebrow-m,.hcard-meta-m,.hcard-mfoot{display:none}.hcard-foot.nop{justify-content:stretch}.hcard-cta.wide{width:100%}.hcard:not(:has(.hcard-foot)){padding-bottom:16px}.hcard:not(:has(.hcard-foot))>:last-child{padding-bottom:0;margin-bottom:0}@keyframes hcardShimmer{0%{background-position:-320px 0}100%{background-position:320px 0}}.hcard.loading{pointer-events:none}.hcard.loading .skel{border-radius:6px;background:linear-gradient(90deg,var(--n100,#f2f2f3) 25%,var(--n150,#ececee) 37%,var(--n100,#f2f2f3) 63%);background-size:640px 100%;animation:hcardShimmer 1.2s infinite linear}