/* Khối mẫu bài mô tả sản phẩm (.pd-*) – dùng ở trang sản phẩm và trong trình soạn thảo admin */
.pd-lead,.pd-feat,.pd-spec,.pd-price,.pd-dish,.pd-steps,.pd-temp,.pd-check,.pd-note,.pd-cta{--pg:#0B6B3A;--pgd:#08502B;--pgl:#E7F4EC;--po:#F26B1D;--pol:#FFF1E8;--pr:#D7322B;--pmu:#5f6b66;--pln:#e3e9e5;box-sizing:border-box}
.pd-lead *,.pd-feat *,.pd-dish *,.pd-steps *,.pd-cta *{box-sizing:border-box}
.pdp-sec .prose h2{font-size:22px;line-height:1.35;margin:34px 0 14px;color:#08502B;display:flex;align-items:center;gap:10px}
.pdp-sec .prose h2::before{content:"";width:6px;height:24px;border-radius:4px;background:linear-gradient(#F26B1D,#ff9a55);flex:none}
.pd-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:center;background:linear-gradient(135deg,#f3faf6,#fff 60%);border:1px solid #d6eadd;border-radius:18px;padding:18px;margin:0 0 18px}
.pd-lead:not(:has(img)){grid-template-columns:1fr}
.pd-lead img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin:0}
.pd-lead p{font-size:16.5px;margin:0 0 14px}
.pd-lead p strong,.pd-lead p b{color:var(--pgd)}
.pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.pd-tags span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--pln,#e3e9e5);border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:600;line-height:1.4}
.pd-tags .pd-hot{background:#FFF1E8;border-color:#ffd2b8;color:#b4470f}
.pd-feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.pd-feat>div{background:#fff;border:1px solid var(--pln);border-radius:16px;padding:16px}
.pd-feat .pd-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--pgl);font-size:22px;margin:0 0 10px;line-height:1}
.pd-feat strong,.pd-feat b{display:block;font-size:15px;line-height:1.35;margin:0 0 4px}
.pd-feat p{color:var(--pmu);font-size:13.5px;line-height:1.55;margin:0}
table.pd-spec{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--pln);border-radius:14px;overflow:hidden;font-size:15px;margin:0 0 18px}
.pd-spec th,.pd-spec td{padding:11px 16px;text-align:left;border:0;border-bottom:1px solid #edf1ee;vertical-align:top}
.pd-spec tr:last-child th,.pd-spec tr:last-child td{border-bottom:0}
.pd-spec th{width:34%;background:#f7faf8;color:var(--pmu);font-weight:600}
.pd-price{border:1px solid var(--pln);border-radius:16px;overflow:hidden;margin:0 0 18px}
.pd-price table{width:100%;border-collapse:collapse;font-size:15px;margin:0;border:0}
.pd-price th{background:var(--pgd);color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.4px;padding:11px 14px;text-align:left;font-weight:700;border:0}
.pd-price td{padding:12px 14px;border:0;border-bottom:1px solid #edf1ee}
.pd-price td:last-child,.pd-price th:last-child{text-align:right}
.pd-price td b{color:var(--pr);font-size:16.5px}
.pd-price tr.pd-best td{background:#f1faf4}
.pd-price .pd-best-tag{margin-left:8px;background:var(--pg);color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:2px 8px;vertical-align:2px}
.pd-price .pd-save{display:inline-block;margin-left:6px;background:var(--pol);color:#b4470f;font-size:12px;font-weight:800;border-radius:99px;padding:2px 9px}
.pd-price .pd-foot{margin:0;padding:10px 14px;font-size:13px;color:var(--pmu);background:#fafcfb;display:flex;gap:8px;align-items:center}
.pd-price .pd-foot::before{content:"";width:8px;height:8px;border-radius:50%;background:#16a05a;box-shadow:0 0 0 4px rgba(22,160,90,.18);flex:none}
.pd-price .pd-foot a{color:var(--pg);font-weight:700;margin-left:auto}
.pd-dish{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.pd-dish>div{border:1px solid var(--pln);border-radius:16px;overflow:hidden;background:#fff}
.pd-dish .pd-ph{aspect-ratio:16/10;display:grid;place-items:center;font-size:46px;margin:0;line-height:1;background:linear-gradient(135deg,#ffe2cf,#ffc59f)}
.pd-dish .pd-ph img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.pd-dish>div:nth-child(3n+2) .pd-ph{background:linear-gradient(135deg,#f6e6d2,#e9c9a3)}
.pd-dish>div:nth-child(3n) .pd-ph{background:linear-gradient(135deg,#fff3c9,#ffe08a)}
.pd-dish .pd-tx{padding:12px 14px 14px}
.pd-dish h3{font-size:17px;margin:0 0 4px}
.pd-dish p{color:var(--pmu);font-size:13.5px;line-height:1.55;margin:0}
.pd-dish .pd-badge{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--pg);background:var(--pgl);border-radius:99px;padding:2px 9px}
ol.pd-steps{list-style:none;margin:0 0 12px;padding:0;counter-reset:pds;display:grid;gap:12px}
.pd-steps li{counter-increment:pds;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--pln);border-radius:14px;padding:14px;margin:0}
.pd-steps li::before{content:counter(pds);width:44px;height:44px;border-radius:50%;background:var(--pg);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center}
.pd-steps strong,.pd-steps b{display:block;font-size:15.5px}
.pd-steps .pd-d{display:block;color:var(--pmu);font-size:14px;line-height:1.6}
.pd-temp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}
.pd-temp>div{border-radius:14px;padding:12px 14px;color:#fff;background:#1e5fa8}
.pd-temp>div:nth-child(2){background:#1b8a8f}.pd-temp>div:nth-child(3){background:#c2410c}
.pd-temp strong,.pd-temp b{display:block;font-size:22px;line-height:1.3}.pd-temp .pd-d{display:block;font-size:13px;opacity:.92}
ul.pd-check{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.pd-check li{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:0}
.pd-check li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--pgl);color:var(--pg);font-weight:900;font-size:13px;display:grid;place-items:center;margin-top:3px}
.pd-note{display:flex;gap:12px;background:#fffbea;border:1px solid #f1dd94;border-radius:14px;padding:12px 16px;font-size:14.5px;color:#5c4d16;margin:0 0 18px}
.pd-note p{margin:0}
.pd-note::before{content:"💡";font-size:20px;line-height:1.4}
.pd-cta{margin:30px 0 8px;border-radius:20px;padding:22px 24px;color:#fff;background:linear-gradient(120deg,#08502B,#0B6B3A 55%,#16a05a);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;position:relative;overflow:hidden}
.pd-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.pd-cta .pd-cta-t{font-size:20px;font-weight:800;margin:0 0 4px;color:#fff;line-height:1.35}.pd-cta p{margin:0;color:#d4efe0;font-size:14.5px}
.pd-cta .pd-cta-b{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.pd-cta a{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none!important;font-size:15px;white-space:nowrap}
.pd-cta a.pd-call{background:#F26B1D;color:#fff!important}.pd-cta a.pd-zalo{background:#fff;color:#0068ff!important}
@media (max-width:760px){
  .pdp-sec .prose h2{font-size:19px;margin-top:28px}
  .pd-lead{grid-template-columns:1fr;padding:14px;gap:14px}
  .pd-feat{grid-template-columns:1fr 1fr;gap:10px}.pd-feat>div{padding:13px}
  .pd-spec th,.pd-spec td{padding:10px 12px;font-size:14px}.pd-spec th{width:40%}
  .pd-price{overflow-x:auto}.pd-price table{font-size:14px}.pd-price th,.pd-price td{padding:10px 8px}.pd-price th{font-size:11.5px;white-space:nowrap}
  .pd-price .pd-best-tag{display:none}
  .pd-dish{grid-template-columns:1fr;gap:10px}.pd-dish>div{display:grid;grid-template-columns:96px 1fr}.pd-dish .pd-ph{aspect-ratio:auto;font-size:36px}
  .pd-temp{gap:8px}.pd-temp>div{padding:10px}.pd-temp strong,.pd-temp b{font-size:18px}
  ul.pd-check{grid-template-columns:1fr}
  .pd-cta{grid-template-columns:1fr;padding:18px}.pd-cta a{flex:1;justify-content:center}
}
/* Bài mô tả viết tay / dán từ nơi khác: tự định dạng bảng, tiêu đề, danh sách */
.pdp-sec .prose h3{font-size:18px;line-height:1.4;margin:24px 0 10px;color:#1c2b24}
.pdp-sec .prose p{margin:0 0 14px}
.pdp-sec .prose table:not([class]){width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e3e9e5;border-radius:14px;overflow:hidden;font-size:15px;margin:6px 0 20px}
.pdp-sec .prose table:not([class]) th,.pdp-sec .prose table:not([class]) td{padding:11px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #edf1ee}
.pdp-sec .prose table:not([class]) tr:last-child>*{border-bottom:0}
.pdp-sec .prose table:not([class]) tr:first-child>th,.pdp-sec .prose table:not([class]) thead th{background:#08502B;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.4px}
.pdp-sec .prose table:not([class]) tbody tr:nth-child(even)>td{background:#f7faf8}
.pdp-sec .prose table:not([class]) td:first-child{font-weight:600;color:#3d4a44;width:30%}
.pdp-sec .prose ul:not([class]){list-style:none;padding:0;margin:0 0 16px}
.pdp-sec .prose ul:not([class])>li{position:relative;padding-left:26px;margin:0 0 8px}
.pdp-sec .prose ul:not([class])>li::before{content:"";position:absolute;left:6px;top:.62em;width:8px;height:8px;border-radius:50%;background:#16a05a;box-shadow:0 0 0 4px #E7F4EC}
.pdp-sec .prose ol:not([class]){padding-left:22px;margin:0 0 16px}.pdp-sec .prose ol:not([class])>li{margin:0 0 8px;padding-left:4px}
.pdp-sec .prose ol:not([class])>li::marker{color:#0B6B3A;font-weight:800}
.pdp-sec .prose blockquote{border-left:4px solid #F26B1D;background:#FFF1E8;border-radius:0 14px 14px 0;padding:12px 18px;margin:18px 0;color:#4a3a2c}
.pdp-sec .prose blockquote p:last-child{margin:0}
.pdp-sec .prose img:not(.pd-lead img){border-radius:14px;height:auto}
@media (max-width:760px){
  .pdp-sec .prose table:not([class]){display:block;overflow-x:auto;font-size:14px}
  .pdp-sec .prose table:not([class]) th,.pdp-sec .prose table:not([class]) td{padding:10px 12px}
  .pdp-sec .prose table:not([class]) td:first-child{width:auto;min-width:110px}
}
/* Thẻ "Điểm nổi bật" dựng tự động từ bài viết tay */
.pd-feat--auto.pd-feat--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pd-feat--auto.pd-feat--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pd-feat--auto p{font-size:14px}
.pd-steps .pd-d--main{color:inherit;font-size:15px}
.pd-lead p:first-child{margin-bottom:14px}
@media (max-width:760px){.pd-feat--auto.pd-feat--3,.pd-feat--auto.pd-feat--2{grid-template-columns:1fr}}