.yhp{background:#fff;color:#111;font-family:var(--yi2c-type-sans,"Geist","Geist Fallback",Arial,sans-serif);padding:65px 0;border-top:1px solid #ddd}
.yhp,.yhp *{box-sizing:border-box}
.yhp-inner{max-width:1360px;padding:0 60px;margin:0 auto}
.yi2c-public-brand #MainContent .yhp h2{font:760 clamp(36px,3.8vw,56px)/1.04 var(--yi2c-type-sans,"Geist",Arial,sans-serif);letter-spacing:-.055em;margin:0;color:#111}
.yhp .yhp-intro{font-size:17px;line-height:1.6;margin:12px 0 26px}
.yhp-tabs{display:flex;gap:8px;margin-bottom:22px}
.yhp-tabs button{font:700 14px var(--yi2c-type-sans,"Geist",Arial,sans-serif);min-height:54px;min-width:125px;padding:0 26px;border:1px solid #111;background:#fff;color:#111;cursor:pointer;border-radius:0}
.yhp-tabs button[aria-selected=true]{background:#111;color:#fff}
.yhp [hidden]{display:none!important}
.yhp .yhp-spec{font-size:14px;line-height:1.5;margin:0 0 28px;max-width:650px}
.yhp-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.yi2c-public-brand #MainContent .yhp h3{font-family:inherit;font-size:28px;font-weight:650;line-height:1.15;letter-spacing:-.035em;margin:0 0 20px;color:#111}
.yhp-rows{border-top:2px solid #111}
.yhp .yhp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 0;min-height:82px;border-bottom:1px solid #ddd;color:#111!important;text-decoration:none}
.yhp-size>strong{display:block;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.03em}
.yhp-size small{display:block;font-size:13px;font-weight:400;line-height:1.5;margin-top:3px}
.yhp-price{font-size:23px;font-weight:650;line-height:1.6;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.yhp-sweet{display:block;color:#f53691;font-size:9px;font-weight:750;line-height:1.6;letter-spacing:.1em;margin-top:4px}
.yhp .yhp-row:hover{background:#f5f3ee}
.yhp :is(a,button):focus-visible{outline:2px solid #111;outline-offset:4px}
.yhp .yhp-row:focus-visible{background:#ddf3fc}
.yhp-poster-table{max-width:580px;margin:0 auto}
.yhp-panel--poster .yhp-spec{max-width:580px;margin-left:auto;margin-right:auto}
.yhp-delivery{background:#ddf3fc;margin-top:30px;padding:18px 20px;font-size:13px;line-height:1.5}
.yhp-delivery strong{font-weight:700}
.yhp .yhp-delivery p{margin:4px 0 0;font-size:13px;line-height:1.5}
.yhp-more{margin-top:24px}
.yhp .yhp-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;background:#111;color:#fff!important;border:2px solid #111;padding:0 26px;font-size:14px;font-weight:700;line-height:normal;text-decoration:none;border-radius:0}
.yhp .yhp-button:hover{background:#fff;color:#111!important}
.yhp .yhp-more p{font-size:13px;line-height:1.5;margin:12px 0 0}
@media(max-width:999px){.yhp-inner{padding:0 22px}.yhp-groups{gap:22px}}
@media(max-width:699px){
 .yhp{padding:40px 0}.yhp-inner{padding:0 22px}
 .yi2c-public-brand #MainContent .yhp h2{font-size:38px}
 .yhp .yhp-intro{font-size:14px;line-height:1.5;margin-bottom:22px}
 .yhp-tabs button{min-height:48px;font-size:13px;min-width:112px;padding:0 20px}
 .yhp .yhp-spec{font-size:14px;margin-bottom:24px}
 .yhp-groups{grid-template-columns:minmax(0,1fr);gap:30px}
 .yi2c-public-brand #MainContent .yhp h3{font-size:28px;margin-bottom:16px}
 .yhp .yhp-row{min-height:82px;padding:16px 114px 16px 0;gap:10px}
 .yhp-size>strong{font-size:20px}.yhp-price{font-size:21px}.yhp-size small{font-size:12px}
 .yhp-delivery{padding:16px;margin-top:26px}
 .yhp .yhp-button{min-height:48px;padding:0 20px;font-size:13px}
}
