.pg-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.pg-thumb{display:block;padding:0;border:2px solid #e7e5e4;border-radius:.5rem;overflow:hidden;opacity:.75;cursor:pointer;background:#fff}
.pg-thumb img{display:block;width:4.5rem;height:4.5rem;object-fit:cover}
.pg-thumb[aria-current="true"]{border-color:#0f766e;opacity:1}
.pg-main{cursor:zoom-in}
.pg-box{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.88)}
.pg-box[hidden]{display:none}
.pg-box img{max-width:92vw;max-height:84vh;object-fit:contain;border-radius:.5rem;background:#fff}
.pg-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:9999px;background:rgba(255,255,255,.18);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.pg-btn:hover{background:rgba(255,255,255,.32)}
.pg-close{top:1rem;left:1rem}
.pg-prev{left:1rem;top:50%;transform:translateY(-50%)}
.pg-next{right:1rem;top:50%;transform:translateY(-50%)}
.pg-count{position:absolute;bottom:1rem;left:0;right:0;text-align:center;color:#fff;font-size:.875rem}
.pg-count[hidden],.pg-prev[hidden],.pg-next[hidden]{display:none}
.desc-clamp{max-height:9.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 45%,transparent 100%)}
.desc-more{display:flex;align-items:center;gap:.4rem;margin:.75rem auto 0;padding:.5rem 1.25rem;border:1px solid #d6d3d1;border-radius:9999px;background:#fff;color:#0f766e;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}
.desc-more[hidden]{display:none}
.desc-more:hover{background:#f0fdfa}
.desc-more svg{width:1rem;height:1rem;transition:transform .2s}
.desc-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.sent-card{text-align:center;background:#f0fdfa;border-color:#0f766e}
.sent-title{font-size:1.125rem;font-weight:700;color:#134e4a}
.sent-text{margin-top:.25rem;font-size:.875rem;color:#57534e}
/* Buy box: price, chips, the two ways to reach the supplier and a save star, then the seller with highlights and documents. */
.pd-box{background:#fff;border:1px solid #ece9e4;border-radius:22px;padding:20px;display:grid;gap:16px;box-shadow:0 1px 2px rgba(28,25,23,.04)}
.pd-price{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pd-price p{margin:0;font-size:22px;font-weight:800;color:#04342c}
.pd-compare{font-size:12.5px;font-weight:600;color:#92400e;background:#fef3c7;border-radius:999px;padding:5px 12px;transition:background .15s}
.pd-compare:hover{background:#fde68a}
.pd-chips{display:flex;flex-wrap:wrap;gap:8px}
.pd-chips span{display:inline-flex;align-items:center;gap:6px;background:#f5f3ee;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:600;color:#1c1917}
.pd-chips small{font-size:11.5px;font-weight:400;color:#78716c}
.pd-acts{display:flex;gap:8px;align-items:stretch}
.pd-acts form{display:flex}
.pd-go,.pd-msg{display:flex;align-items:center;justify-content:center;flex:1;min-height:46px;padding:0 14px;border-radius:14px;font-size:14px;font-weight:700;text-align:center;transition:background .15s,border-color .15s,transform .15s}
.pd-go{background:var(--color-brand-600);color:#fff}.pd-go:hover{background:var(--color-brand-700);color:#fff;transform:translateY(-1px)}
.pd-msg{border:1px solid #d6d3d1;color:#1c1917;background:#fff}.pd-msg:hover{border-color:#1f7a66;color:#1f7a66}
.pd-save{display:grid;place-items:center;width:46px;min-height:46px;border-radius:14px;border:1px solid #d6d3d1;background:#fff;color:#78716c;font-size:20px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}
.pd-save:hover,.pd-save.is-on{color:#d97706;border-color:#fcd34d;background:#fffbeb}
.pd-seller{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:16px;border-top:1px dashed #e7e5e4}
.pd-org-id{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 180px}
.pd-hl{margin:0;padding:2px;gap:10px;max-width:100%}
.pd-hl .hl{width:58px;font-size:11px}
.pd-hl .hl-c{width:52px;height:52px}
.pd-hl .hl b{max-width:58px}
.pd-docs{padding-top:14px;border-top:1px dashed #e7e5e4}
.pd-docs .org-docs-t{font-size:12.5px;font-weight:500;color:#78716c;margin-bottom:8px}
.pd-docs .afb-dl-btn{min-height:40px;border-radius:12px;font-size:13px}
@media (max-width:639px){.pd-box{padding:16px;border-radius:18px}.pd-price p{font-size:19px}.pd-acts{flex-wrap:wrap}.pd-go{flex:1 1 100%}}
.pd-unit{display:inline-block;margin-inline-start:8px;padding:3px 10px;border-radius:999px;background:#ecf7f3;color:#1f7a66;font-size:13px;font-weight:700;vertical-align:middle}
.desc-clamp :is(p,li):not(.text-center,.text-left,.text-right){text-align:justify;text-justify:inter-word}