/* Reusable editorial product descriptions. Every rule is scoped to .se-pd.
   Layout values follow the Deff CHRONO reference; Thai copy is kept in HTML. */
.se-pd {
  width:100%; max-width:1100px; margin:0 auto; padding:0;
  font-family:Tahoma,Arial,sans-serif; font-size:16px; line-height:1.85;
  letter-spacing:.02em; color:#1a1a1a; text-align:left;
}
.se-pd *, .se-pd *::before, .se-pd *::after { box-sizing:border-box; }
.se-pd img { display:block; max-width:100%; width:100%; height:auto; border:0; }
.se-pd p { margin:0; padding:0; line-height:inherit; }
.se-pd .se-pd-section { padding:clamp(48px,8vw,96px) clamp(16px,5vw,64px); margin:0; }
.se-pd .se-pd-dark, .se-pd .se-pd-hero { background:#0e0e0f; color:#f2f2f2; }
.se-pd .se-pd-light { background:#f4f4f2; color:#1a1a1a; }
.se-pd .se-pd-white { background:#fff; color:#1a1a1a; }
.se-pd .se-pd-label { margin-bottom:.9em; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#e0661b; }
.se-pd .se-pd-label span { font-size:inherit !important; line-height:inherit !important; }
.se-pd .se-pd-title { font-size:clamp(24px,3.2vw,34px); line-height:1.45; font-weight:700; margin:0 0 1em; }
.se-pd .se-pd-title span { font-size:inherit !important; line-height:inherit !important; }
.se-pd .se-pd-copy > span { line-height:inherit !important; }
.se-pd .se-pd-section > .se-pd-copy { max-width:720px; }
.se-pd .se-pd-cell { min-width:0; overflow-wrap:break-word; }
.se-pd .se-pd-grid-4, .se-pd .se-pd-grid-3, .se-pd .se-pd-gallery,
.se-pd .se-pd-stack, .se-pd .se-pd-pair { display:grid; width:100%; }
.se-pd .se-pd-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid #2a2a2c; background:#2a2a2c; }
.se-pd .se-pd-key { height:100%; background:#0e0e0f; padding:22px 12px; text-align:center; }
.se-pd .se-pd-key > span:first-child { display:inline-block; font-size:clamp(22px,2.6vw,30px) !important; line-height:1.2 !important; color:#fff !important; }
.se-pd .se-pd-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid #e2e2df; background:#e2e2df; }
.se-pd .se-pd-merit { height:100%; background:#fff; padding:clamp(28px,4vw,48px) 20px; text-align:center; }
.se-pd .se-pd-merit .se-pd-icon { width:44px; height:44px; margin:0 auto 18px; }
.se-pd .se-pd-merit > span { display:block; }
.se-pd .se-pd-merit > br { display:none; }
.se-pd .se-pd-merit > .se-pd-text-11 { font-size:10px !important; line-height:1.7; font-weight:700; letter-spacing:.2em; }
.se-pd .se-pd-merit > .se-pd-text-17 { font-size:16px !important; line-height:1.7; margin:.4em 0 .5em; }
.se-pd .se-pd-merit > .se-pd-text-13 { font-size:13px !important; line-height:1.7; }
.se-pd .se-pd-stack { grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,4vw,56px); align-items:center; }
.se-pd .se-pd-light > .se-pd-stack:not(.se-pd-certification):not(.se-pd-mobile-image-first) { align-items:start; }
.se-pd .se-pd-pair { grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(12px,2vw,20px); }
.se-pd .se-pd-pair .se-pd-copy { margin-top:.6em; font-size:12px; }
.se-pd .se-pd-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(8px,1.4vw,14px); }
.se-pd .se-pd-certification { grid-template-columns:150px minmax(0,1fr); gap:clamp(16px,3vw,28px); border-top:1px solid #d6d6d6; padding-top:clamp(24px,3vw,36px); }
.se-pd .se-pd-certification img { max-width:150px; }
.se-pd .se-pd-spec { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; }
.se-pd .se-pd-spec td { padding:14px 12px; text-align:left; vertical-align:top; overflow-wrap:anywhere; border-bottom:1px solid #d6d6d6 !important; }
.se-pd .se-pd-spec td:first-child { width:24% !important; background:#ececea; }
.se-pd .se-pd-space { padding:0; margin:0; }
.se-pd .se-pd-space-14 { height:clamp(8px,1.4vw,14px); }
.se-pd .se-pd-space-20 { height:20px; }
.se-pd .se-pd-space-24 { height:20px; }
.se-pd .se-pd-space-28 { height:clamp(20px,3vw,32px); }
.se-pd .se-pd-space-32, .se-pd .se-pd-space-36, .se-pd .se-pd-space-40 { height:clamp(28px,4vw,48px); }
.se-pd .se-pd-space-48 { height:clamp(36px,5vw,64px); }
/* se-mobile sets #detail * { font-size:100% !important; letter-spacing:0 !important }.
   Restore only this description's typography, leaving legacy products untouched. */
#detail .se-pd { font-size:16px !important; letter-spacing:.02em !important; }
#detail .se-pd * { font-size:inherit !important; letter-spacing:inherit !important; }
#detail .se-pd .se-pd-text-11 { font-size:11px !important; }
#detail .se-pd .se-pd-text-12 { font-size:12px !important; }
#detail .se-pd .se-pd-text-13 { font-size:13px !important; }
#detail .se-pd .se-pd-text-14 { font-size:14px !important; }
#detail .se-pd .se-pd-text-16 { font-size:16px !important; }
#detail .se-pd .se-pd-text-17 { font-size:17px !important; }
#detail .se-pd .se-pd-title { font-size:clamp(24px,3.2vw,34px) !important; }
#detail .se-pd .se-pd-title span { font-size:inherit !important; }
#detail .se-pd .se-pd-label { font-size:12px !important; letter-spacing:.18em !important; }
#detail .se-pd .se-pd-label span { font-size:inherit !important; }
#detail .se-pd .se-pd-key > span:first-child { font-size:clamp(22px,2.6vw,30px) !important; }
#detail .se-pd .se-pd-merit .se-pd-icon { width:44px !important; height:44px !important; }
#detail .se-pd .se-pd-merit > .se-pd-text-11 { font-size:10px !important; letter-spacing:.2em !important; }
#detail .se-pd .se-pd-merit > .se-pd-text-17 { font-size:16px !important; }
#detail .se-pd .se-pd-merit > .se-pd-text-13 { font-size:13px !important; }
@media screen and (max-width:767px) {
  .se-pd .se-pd-grid-4, .se-pd .se-pd-grid-3, .se-pd .se-pd-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .se-pd .se-pd-stack { grid-template-columns:minmax(0,1fr); }
  .se-pd .se-pd-mobile-image-first > .se-pd-cell:last-child { order:-1; }
  .se-pd .se-pd-merit { padding:26px 12px; }
  .se-pd .se-pd-merit .se-pd-icon { width:36px; height:36px; margin-bottom:12px; }
  .se-pd .se-pd-merit strong { font-size:15px; }
  .se-pd .se-pd-merit > .se-pd-text-17 { font-size:15px !important; }
  .se-pd .se-pd-merit > .se-pd-text-13 { font-size:12px !important; }
  #detail .se-pd .se-pd-merit .se-pd-icon { width:36px !important; height:36px !important; }
  #detail .se-pd .se-pd-merit > .se-pd-text-17 { font-size:15px !important; }
  #detail .se-pd .se-pd-merit strong { font-size:15px !important; }
  #detail .se-pd .se-pd-merit > .se-pd-text-13 { font-size:12px !important; }
  .se-pd .se-pd-certification { justify-items:start; }
  .se-pd .se-pd-certification img { margin-left:0 !important; }
  .se-pd .se-pd-spec td:first-child { width:32% !important; }
}