.crumbs{font-size:.88rem;color:var(--muted);margin:6px 0 4px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 8px}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin-right:8px;color:#9aa89f}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent2);font-weight:600}
.crumbs [aria-current]{color:var(--ink)}
.phero{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:6px 0 4px}
.pfig{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:420px}
.pimg-main{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#eef2ee}
.pbuybox{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pintro{margin:0;max-width:60ch}
.pprice-big{font-size:2rem;font-weight:800;color:var(--accent2);line-height:1.1;margin:2px 0 0}
.pcount{margin:0;color:var(--muted)}
.pbuybox .btn{min-width:200px;font-size:1.05rem}
.psmall{margin:0;font-size:.88rem;color:var(--muted);max-width:52ch}
.psec{margin:34px 0 0}
.psec h2{font-size:1.2rem;margin:0 0 10px;border-left:4px solid var(--accent);padding-left:10px}
.psec p{max-width:70ch;margin:0 0 10px}
.psec ul,.psec ol{max-width:70ch;margin:0 0 10px;padding-left:1.3em}
.psec li{margin:0 0 6px}
.psec a{color:var(--accent2);font-weight:600}
.pfacts{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 20px;margin:0;max-width:760px}
.pfacts dt{font-weight:700;margin-top:10px}
.pfacts dd{margin:0}
.relgrid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.relgrid a{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);text-decoration:none}
.relgrid a:hover{border-color:var(--accent2)}
.relgrid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#eef2ee}
.rn{display:block;padding:8px 10px 2px;font-weight:700;font-size:.9rem;line-height:1.3}
.rp{display:block;padding:0 10px 10px;color:var(--accent2);font-weight:800}
.pback{margin:22px 0 0}
.pback a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent2);font-weight:700}
@media (min-width:720px){
.phero{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:34px;align-items:start}
.pfacts{grid-template-columns:max-content minmax(0,1fr)}
.pfacts dt{margin-top:0}
}