.phead{background:linear-gradient(160deg,#e3f0fa,#cfe6f7);padding:56px 0 40px}
.phead h1{font-size:clamp(34px,5vw,60px)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 22px}
.chip2{border:0;border-radius:99px;padding:9px 18px;background:var(--mist);color:var(--ink);font:500 14px inherit;cursor:pointer;text-decoration:none}
.chip2.on,.chip2:hover{background:var(--sky)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;padding-bottom:20px}
.pcard{border:0;padding:0;text-align:left;background:var(--card);border-radius:8px;overflow:hidden;cursor:pointer;font:inherit;color:inherit;box-shadow:0 6px 20px rgba(14,42,71,.07)}
.pcard[hidden]{display:none}
.pcard .ph{display:block;aspect-ratio:1;background:var(--mist)}.pcard .ph img{width:100%;height:100%;object-fit:contain}
.pcard .pi{display:flex;flex-direction:column;padding:14px 16px}.pcard small{color:var(--ink2);font-size:13px}
.sel{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 20px}
.sel select{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.2);background:var(--card);font:inherit;min-width:200px}
.shop{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.1)}
.shop[hidden]{display:none}
.shop small{display:block;color:var(--ink2)}
.tag{background:var(--mist);border-radius:99px;padding:2px 12px;font-size:12px;height:fit-content;white-space:nowrap}
.new{display:inline-block;margin-left:8px;background:#e8a317;color:#000;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 10px;border-radius:99px;vertical-align:middle}
.card2{background:var(--card);border-radius:8px 44px 8px 44px;padding:32px;box-shadow:0 6px 20px rgba(14,42,71,.07)}
.nozone{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
dialog{border:0;border-radius:20px;padding:26px;width:min(900px,94vw);background:var(--card);color:var(--ink);margin:auto;position:relative}
dialog::backdrop{background:rgba(0,0,0,.55)}
dialog .x{position:absolute;top:10px;right:14px;border:0;background:none;font-size:30px;cursor:pointer;color:inherit}
.pdg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zm{overflow:hidden;cursor:zoom-in;border-radius:8px;background:var(--mist)}.zm.z{cursor:zoom-out}
.zm img{width:100%;display:block;transition:transform .2s}.zm.z img{transform:scale(2.2)}
.th{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.th img{width:58px;height:58px;object-fit:cover;border-radius:6px;cursor:pointer}
.gi{height:300px;width:auto;max-width:none;display:block}
.addr{background:var(--mist);border-radius:14px;padding:16px 20px;margin:0 0 22px}.addr p{margin:4px 0}.addr a{font-weight:700;color:var(--blue)}
.melsec{background:linear-gradient(160deg,#eef6fc,#dcecf8);margin-top:30px}
.mlogo img{width:100%;max-width:320px;display:block;margin:auto}
.warn{background:#fff;border-left:5px solid #e8a317;padding:12px 16px;border-radius:4px 14px 14px 4px;font-size:14px;margin:0 0 22px;max-width:60ch}
.scr{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.fr{aspect-ratio:9/16;border:6px solid var(--ink);border-radius:26px;background:var(--mist);overflow:hidden}.fr img{width:100%;height:100%;object-fit:cover}
.tipr{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;scroll-margin-top:90px}
.tipr.rev>:first-child{order:2}
@media(max-width:800px){.pdg,.tipr{grid-template-columns:1fr}.tipr.rev>:first-child{order:0}.gi{height:220px}}