.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px;}
  .pcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--navy2);box-shadow:0 14px 36px -24px rgba(80,50,20,.28);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;}
  .pcard:hover{transform:translateY(-7px);border-color:rgba(249,115,22,.5);box-shadow:0 30px 56px -28px rgba(249,115,22,.4);}
  .pcard .ph{aspect-ratio:1/1;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;}
  .pcard .ph img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s;}
  .pcard:hover .ph img{transform:scale(1.06);}
  .pcard .pb{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1;}
  .pcard .psub{font-family:var(--fb);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mut2);}
  .pcard h3{font-family:var(--fd);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.2px;margin-top:4px;color:var(--ink);}
  .pcard .more{margin-top:auto;padding-top:12px;font-family:var(--fd);font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber-deep);}
  .catbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}
  .catbar a{font-family:var(--fd);font-weight:600;font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);border:1px solid var(--line2);border-radius:30px;padding:8px 18px;background:var(--navy2);transition:.25s;}
  .catbar a:hover,.catbar a.on{background:linear-gradient(135deg,var(--amber),var(--amber2));color:#fff;border-color:transparent;}
  /* detail */
  .pd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:flex-start;margin-top:18px;}
  .pd-img{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px -34px rgba(80,50,20,.4);}
  .pd-img img{width:100%;height:100%;object-fit:contain;padding:26px;}
  .pd-tag{font-family:var(--fb);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--amber-deep);}
  .pd h1{font-family:var(--fd);font-weight:900;font-size:clamp(30px,4vw,52px);line-height:1;text-transform:uppercase;letter-spacing:-.5px;color:var(--ink);margin:10px 0;}
  .pd .lead{margin:0 0 22px;}
  .spec{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:22px 0;}
  .spec td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top;}
  .spec tr:last-child td{border-bottom:0;}
  .spec td:first-child{font-family:var(--fd);font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:12px;color:var(--mut);width:40%;background:#fff7ef;}
  .appl{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 26px;}
  .appl li{font-family:var(--fb);font-size:12px;color:var(--amber-deep);background:var(--amber-soft);border:1px solid rgba(249,115,22,.28);padding:6px 13px;border-radius:30px;}
  @media(max-width:1000px){.prod-grid{grid-template-columns:repeat(2,1fr);} .pd{grid-template-columns:1fr;}}
  @media(max-width:560px){.prod-grid{grid-template-columns:1fr 1fr;}}

  .pd-subtitle {
    font-family: var(--fb);
    font-size: 22px;
    font-weight: 500;
    color: var(--mut);
    margin-top: -4px;
    margin-bottom: 12px;
  }