/* ==== shared block abf2e207 (from bo-suu-tap.html) ==== */
  .plp-page .hdr{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .plp-page .hdr:not(.scrolled) .nav-link,.plp-page .hdr:not(.scrolled) .tools button{color:var(--ink)}
  .plp-page .hdr:not(.scrolled) .nav-link::after{background:var(--ink)}
  .plp-page .hdr:not(.scrolled) .brand img{filter:none}
  .page{padding-top:calc(var(--anno-h) + 78px + 44px);padding-bottom:30px}
  .page-head{text-align:center;margin-bottom:50px}
  .page-head .crumb{font-size:11.5px;letter-spacing:.04em;color:var(--muted);margin-bottom:18px}
  .page-head .crumb a{color:var(--muted)}.page-head .crumb a:hover{color:var(--ink)}
  .page-head h1{font-size:clamp(2rem,4vw,3rem);font-weight:300;margin-bottom:14px}
  .page-head p{max-width:560px;margin:0 auto;color:var(--ink2)}
  .coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px)}
  .coll-card{position:relative;display:block;aspect-ratio:3/3.7;overflow:hidden;border-radius:5px;text-decoration:none}
  .coll-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
  .coll-card:hover img{transform:scale(1.05)}
  .coll-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,16,.68),rgba(20,18,16,0) 56%)}
  .coll-c{position:absolute;left:0;bottom:0;z-index:2;padding:26px}
  .coll-c h3{font-size:clamp(1.3rem,2vw,1.75rem);font-weight:300;color:#fff;margin-bottom:8px}
  .coll-c p{font-size:13px;color:rgba(255,255,255,.85);margin-bottom:13px;max-width:250px;line-height:1.55}
  .coll-c .lnk{color:#fff}.coll-c .lnk::after{background:#fff}
  @media(max-width:860px){.coll-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.coll-grid{grid-template-columns:1fr}}