/* ===== Trang sản phẩm tĩnh /san-pham/ ===== */
.pp-wrap{padding-top:28px;padding-bottom:40px}
.pp-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;margin-bottom:36px}
.pp-main{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.pp-main img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.pp-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pp-thumb{width:74px;height:74px;padding:4px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.pp-thumb.on{border-color:var(--green)}
.pp-thumb img{width:100%;height:100%;object-fit:contain}
.pp-info h1{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.25;color:var(--green);margin:.15em 0 .4em}
.pp-tag{color:#5d5a50;margin:0 0 18px}
.pp-vars{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.pp-var{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.55em 1.3em;font:inherit;font-size:.9rem;cursor:pointer;min-height:44px}
.pp-var.on{border-color:var(--green);background:var(--green);color:#fff}
.pp-size{margin:0 0 10px}
.pp-price{font-size:1.7rem;margin:6px 0 6px;color:var(--green);font-family:var(--serif)}
.pp-price s{font-size:.6em;color:#a39d90;margin-left:6px}
.pp-buy{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}
.pp-buy .btn{text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}
.pp-alt{font-size:.84rem;color:var(--muted);margin:0 0 18px}
.pp-alt a{color:var(--cinnamon)}
.pp-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.pp-toc a{font-size:.8rem;text-decoration:none;color:var(--green);border:1px solid var(--line);border-radius:999px;padding:.4em .95em;background:#fffdf8}
.pp-body{max-width:820px}
.pp-body section{padding-top:8px;margin-bottom:26px;scroll-margin-top:100px}
.pp-body h2{font-size:1.45rem}
.pp-body h3,.pp-body h4{font-family:var(--serif);color:var(--green);font-size:1.08rem;margin:1.2em 0 .4em}
.pp-analysis{font-size:.95rem}
.pp-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.pp-docs a{display:block;text-decoration:none;color:var(--muted);font-size:.78rem;text-align:center}
.pp-docs img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;margin-bottom:6px}
.pp-more summary,.pp-faq summary{cursor:pointer;font-weight:600;color:var(--green);padding:10px 0}
.pp-more .rv-list{margin-top:12px}
.pp-faq{border:1px solid var(--line);border-radius:12px;padding:4px 18px;margin-bottom:10px;background:#fffdf8}
.pp-faq p{margin:0 0 12px}
.pp-rel .a-prod small{display:block;color:var(--cinnamon);font-weight:600;margin-top:2px}
.pp-flinks{font-size:.82rem;line-height:1.9}
.pp-flinks a{color:#e9c77a;text-decoration:none}
.pp-hub-h1{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--green);margin:.2em 0 .4em}
.pp-cat{margin:34px 0 10px;scroll-margin-top:100px}
.pp-cat h2{font-family:var(--serif);color:var(--green);margin:0 0 4px}
.pp-cat>p{color:#5d5a50;margin:0 0 18px}
.pp-card img{aspect-ratio:1!important;object-fit:contain!important;background:#fff}
.pp-card em{padding:0 18px;font-style:normal;font-weight:700;color:var(--cinnamon);font-size:.9rem}
.pp-sbar{display:none}
@media (max-width:860px){
  .pp-top{grid-template-columns:1fr;gap:22px}
}
@media (max-width:700px){
  .pp-sbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:#fffdf8;border-top:1px solid var(--line);box-shadow:0 -10px 24px -18px rgba(40,50,20,.45);transform:translateY(110%);transition:transform .25s}
  .pp-sbar.show{transform:none}
  .pp-sbar-p{font-family:var(--serif);font-weight:700;font-size:1.15rem;color:var(--green)}
  .pp-sbar .btn{min-height:46px;padding:.8em 1.6em}
  .pp-thumb{width:60px;height:60px}
  .product-page .header .btn-sm{font-size:.7rem;padding:.6em 1em}
}
