/* ZHANZHENG Product Detail V3.3
   Only loaded by product.php. Other pages are not affected. */
.zzpd-page{background:#fff;padding:24px 0 56px;color:#17241f}
.zzpd-page *{box-sizing:border-box}
.zzpd-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 22px;font-size:12px;color:#7a8580}
.zzpd-breadcrumb a:hover{color:#0d4a37}.zzpd-breadcrumb b{font-weight:600;color:#35443e}

.zzpd-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:64px;align-items:start;margin-bottom:34px}
.zzpd-gallery{min-width:0}.zzpd-main-image{background:#f5f5f1;border:1px solid #e9e7e0;border-radius:6px;overflow:hidden;aspect-ratio:1.47/1}
.zzpd-main-image img{width:100%;height:100%;object-fit:cover;display:block}
.zzpd-thumbs{display:grid;grid-template-columns:repeat(6,76px);gap:9px;margin-top:10px;overflow-x:auto;padding-bottom:2px}
.zzpd-thumbs button{width:76px;height:64px;padding:0;border:1px solid #e2dfd6;border-radius:5px;background:#fff;overflow:hidden;cursor:pointer;flex:0 0 auto}
.zzpd-thumbs button.active{border:2px solid #174c3a}.zzpd-thumbs img{width:100%;height:100%;object-fit:cover;display:block}

.zzpd-summary{padding:18px 0 0}.zzpd-category{font-size:11px;font-weight:750;letter-spacing:.06em;color:#175541;margin-bottom:12px}
.zzpd-summary h1{font-family:var(--serif,Georgia,serif);font-size:clamp(34px,3.1vw,52px);line-height:1.06;letter-spacing:-.025em;margin:0 0 18px;color:#111c18}
.zzpd-lead{font-size:15px;line-height:1.75;color:#596660;margin:0 0 26px;max-width:680px;white-space:normal}
.zzpd-top-facts{border-top:1px solid #e7e9e5;padding:22px 0 6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zzpd-fact{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;min-width:0}
.zzpd-icon{width:32px;height:32px;border:1px solid #dce4df;border-radius:50%;display:grid;place-items:center;color:#0f523d;font-size:18px;line-height:1}
.zzpd-fact small,.zzpd-fact strong{display:block}.zzpd-fact small{font-size:11px;color:#66736d;margin-bottom:3px}.zzpd-fact strong{font-size:12px;color:#1e2d27;line-height:1.35;overflow-wrap:anywhere}
.zzpd-actions{display:flex;margin-top:26px;max-width:340px}
.zzpd-btn{height:54px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;font-size:14px;font-weight:750;transition:.2s;width:100%}
.zzpd-wa-icon{width:24px;height:24px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;letter-spacing:.02em;line-height:1;flex:0 0 auto}
.zzpd-btn-primary{background:#0d4a37;color:#fff;border:1px solid #0d4a37}.zzpd-btn-primary:hover{background:#0a3d2e}
.zzpd-btn-outline{background:#fff;color:#174c3a;border:1px solid #174c3a}.zzpd-btn-outline:hover{background:#f5f8f6}

.zzpd-info-grid{display:grid;grid-template-columns:1.55fr .92fr .72fr;gap:14px;margin-top:8px}
.zzpd-card{border:1px solid #e2e7e3;border-radius:7px;background:#fff;padding:20px;min-width:0}
.zzpd-card h2{font-family:var(--sans,Arial,sans-serif);font-size:13px;font-weight:800;color:#174c3a;letter-spacing:.015em;margin:0 0 17px}
.zzpd-table-wrap{overflow-x:auto;border:1px solid #e5e8e5;border-radius:5px}
.zzpd-table{width:100%;border-collapse:collapse;min-width:690px;font-size:11px}
.zzpd-table th,.zzpd-table td{padding:14px 12px;text-align:left;border-right:1px solid #e7e9e7;border-bottom:1px solid #e7e9e7;vertical-align:middle}
.zzpd-table th:last-child,.zzpd-table td:last-child{border-right:0}.zzpd-table tr:last-child td{border-bottom:0}
.zzpd-table th{font-weight:750;color:#2e3c36;background:#fafbf9}.zzpd-table td{color:#4b5953}.zzpd-note{font-size:11px;color:#738079;margin:14px 4px 0}
.zzpd-spec-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e6e9e6;border-radius:5px;overflow:hidden}
.zzpd-spec-grid>div{display:grid;grid-template-columns:minmax(92px,.8fr) 1.2fr;min-height:50px;border-right:1px solid #e6e9e6;border-bottom:1px solid #e6e9e6}
.zzpd-spec-grid>div:nth-child(2n){border-right:0}.zzpd-spec-grid>div:nth-last-child(-n+2){border-bottom:0}
.zzpd-spec-grid span,.zzpd-spec-grid strong{padding:12px 10px;font-size:11px;line-height:1.4;display:flex;align-items:center}
.zzpd-spec-grid span{color:#547166;background:#fafbf9}.zzpd-spec-grid strong{font-weight:600;color:#26352f}
.zzpd-service-card{background:#fbfcfb}.zzpd-service-item{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;padding:9px 0}
.zzpd-service-item>span{width:34px;height:34px;border-radius:50%;background:#eef4f0;display:grid;place-items:center;color:#17513d;font-size:16px}
.zzpd-service-item strong,.zzpd-service-item small{display:block}.zzpd-service-item strong{font-size:12px;color:#26342f}.zzpd-service-item small{font-size:10px;color:#7b8581;margin-top:3px;line-height:1.4}
.zzpd-empty{font-size:12px;color:#77837e;margin:0}

.zzpd-bottom-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:14px;margin-top:14px}
.zzpd-faq-item{padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid #eef0ee}.zzpd-faq-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.zzpd-faq-item strong{display:block;font-size:11px;color:#27342f;margin-bottom:5px}.zzpd-faq-item p{font-size:10px;line-height:1.55;color:#68746f;margin:0}
.zzpd-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.zzpd-card-head h2{margin:0}.zzpd-card-head a{font-size:11px;color:#17513d;font-weight:700;white-space:nowrap}
.zzpd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.zzpd-related-grid a{min-width:0}.zzpd-related-grid img{width:100%;aspect-ratio:1.35/1;object-fit:cover;background:#f4f5f2;border-radius:5px;display:block;margin-bottom:9px}
.zzpd-related-grid strong{font-size:11px;line-height:1.35;color:#26332e;display:block}

.zzpd-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:14px;border:1px solid #e5e9e6;border-radius:7px;background:#fbfcfb;padding:20px 22px}
.zzpd-benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 18px;border-right:1px solid #e7ebe8}.zzpd-benefits>div:last-child{border-right:0}
.zzpd-benefits>div>span{width:38px;height:38px;border:1px solid #d9e4dd;border-radius:50%;display:grid;place-items:center;color:#15513d;font-size:17px;flex:0 0 auto}
.zzpd-benefits p{margin:0}.zzpd-benefits strong,.zzpd-benefits small{display:block}.zzpd-benefits strong{font-size:11px;color:#283630}.zzpd-benefits small{font-size:9px;color:#7a8681;margin-top:3px}

@media(max-width:1180px){
  .zzpd-hero{grid-template-columns:1fr 1fr;gap:38px}.zzpd-top-facts{grid-template-columns:repeat(2,1fr)}
  .zzpd-info-grid{grid-template-columns:1fr 1fr}.zzpd-model-card{grid-column:1/-1}.zzpd-service-card{grid-column:auto}
}
@media(max-width:900px){
  .zzpd-page{padding-top:18px}.zzpd-hero{grid-template-columns:1fr;gap:24px}.zzpd-main-image{aspect-ratio:1.3/1}.zzpd-summary{padding-top:0}
  .zzpd-info-grid,.zzpd-bottom-grid{grid-template-columns:1fr}.zzpd-model-card,.zzpd-service-card{grid-column:auto}
  .zzpd-benefits{grid-template-columns:repeat(2,1fr);row-gap:18px}.zzpd-benefits>div:nth-child(2){border-right:0}.zzpd-benefits>div:nth-child(-n+2){padding-bottom:16px;border-bottom:1px solid #e7ebe8}
}
@media(max-width:620px){
  .zzpd-page{padding-bottom:34px}.zzpd-breadcrumb{font-size:10px;margin-bottom:14px}.zzpd-main-image{aspect-ratio:1/1}
  .zzpd-thumbs{grid-template-columns:repeat(6,62px)}.zzpd-thumbs button{width:62px;height:54px}
  .zzpd-summary h1{font-size:34px}.zzpd-lead{font-size:13px}.zzpd-top-facts{grid-template-columns:1fr 1fr;gap:14px 8px}.zzpd-actions{max-width:none}.zzpd-btn{height:50px}
  .zzpd-card{padding:15px}.zzpd-spec-grid{grid-template-columns:1fr}.zzpd-spec-grid>div,.zzpd-spec-grid>div:nth-child(2n){border-right:0}.zzpd-spec-grid>div:nth-last-child(-n+2){border-bottom:1px solid #e6e9e6}.zzpd-spec-grid>div:last-child{border-bottom:0}
  .zzpd-related-grid{grid-template-columns:repeat(2,1fr)}.zzpd-benefits{grid-template-columns:1fr;padding:14px}.zzpd-benefits>div{justify-content:flex-start;border-right:0!important;border-bottom:1px solid #e7ebe8!important;padding:12px 4px!important}.zzpd-benefits>div:last-child{border-bottom:0!important}
}

/* =========================================================
   V4.4 PRODUCT DETAIL TYPOGRAPHY OVERRIDES
   ========================================================= */
.zzpd-breadcrumb{font-size:13px}.zzpd-category{font-size:12.5px}.zzpd-lead{font-size:16px;line-height:1.72}
.zzpd-fact small{font-size:12.5px}.zzpd-fact strong{font-size:14px}.zzpd-btn{font-size:15px}
.zzpd-card h2{font-size:16px}.zzpd-table{font-size:13.5px}.zzpd-note{font-size:13px}
.zzpd-spec-grid span,.zzpd-spec-grid strong{font-size:13px;line-height:1.5}
.zzpd-service-item strong{font-size:14px}.zzpd-service-item small{font-size:12.5px;line-height:1.5}.zzpd-empty{font-size:13px}
.zzpd-faq-item strong{font-size:14px}.zzpd-faq-item p{font-size:13.5px;line-height:1.62}
.zzpd-card-head a{font-size:13px}.zzpd-related-grid strong{font-size:13.5px;line-height:1.42}
.zzpd-benefits strong{font-size:13.5px}.zzpd-benefits small{font-size:12px;line-height:1.45}
@media(max-width:620px){.zzpd-breadcrumb{font-size:12px}.zzpd-lead{font-size:15px}.zzpd-card h2{font-size:15px}.zzpd-table,.zzpd-spec-grid span,.zzpd-spec-grid strong{font-size:12.5px}.zzpd-faq-item strong{font-size:13.5px}.zzpd-faq-item p{font-size:13px}}