/* KKT Dynamic Product Details 1.0 — scoped styles, no theme/global selector overrides */
.kkt-pdh{--kkt-pdh-red:#da292a;--kkt-pdh-ink:#17191b;--kkt-pdh-text:#43474a;--kkt-pdh-muted:#71777d;--kkt-pdh-line:#e3e5e8;--kkt-pdh-soft:#f6f7f8;font-family:inherit;color:var(--kkt-pdh-text);max-width:100%;min-width:0;margin:64px 0 48px;line-height:1.6}
.kkt-pdh,.kkt-pdh *,.kkt-pdh *::before,.kkt-pdh *::after{box-sizing:border-box}
.kkt-pdh [hidden]{display:none!important}
.kkt-pdh__heading{display:flex;justify-content:space-between;align-items:end;gap:28px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--kkt-pdh-line)}
.kkt-pdh__heading>div{min-width:0;border-left:4px solid var(--kkt-pdh-red);padding-left:17px}
.kkt-pdh__eyebrow{display:block;color:var(--kkt-pdh-red);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;margin-bottom:7px}
.kkt-pdh__heading h2{margin:0!important;color:var(--kkt-pdh-ink)!important;font-size:clamp(20px,2.4vw,29px)!important;line-height:1.2!important;font-weight:800!important}
.kkt-pdh__heading>p{margin:0!important;max-width:380px;color:var(--kkt-pdh-muted);font-size:13px;line-height:1.65;text-align:right}
.kkt-pdh__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));border-left:1px solid var(--kkt-pdh-line);border-top:1px solid var(--kkt-pdh-line);margin-bottom:26px}
.kkt-pdh__stat{padding:19px 17px;border-right:1px solid var(--kkt-pdh-line);border-bottom:1px solid var(--kkt-pdh-line);min-width:0;background:#fff}
.kkt-pdh__stat strong,.kkt-pdh__capacity strong{display:block;color:var(--kkt-pdh-ink);font-weight:800;font-size:22px;line-height:1.2;overflow-wrap:anywhere}
.kkt-pdh__stat span,.kkt-pdh__capacity span{display:block;color:var(--kkt-pdh-muted);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.045em;margin-top:7px}
.kkt-pdh__layout{display:block;border:1px solid var(--kkt-pdh-line);background:#fff;min-height:0;min-width:0}
.kkt-pdh__nav{padding:17px 12px;background:var(--kkt-pdh-ink);display:none;align-content:start}
.kkt-pdh--enhanced .kkt-pdh__nav{display:grid}
.kkt-pdh__nav-label{padding:6px 12px 14px;color:#98a0a5;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.kkt-pdh__nav button{appearance:none;display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 12px;min-height:46px;text-align:left;border:0;border-bottom:1px solid #363a3d;background:transparent;color:#d3d7da;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s ease,color .15s ease;border-radius:0;box-shadow:none;text-transform:none;line-height:1.35}
.kkt-pdh__nav button::after{content:'›';font-size:19px;line-height:1;opacity:.6;margin-left:8px}
.kkt-pdh__nav button:hover{background:#2a2e31;color:#fff}
.kkt-pdh__nav button.is-active,.kkt-pdh__nav button[aria-pressed="true"]{background:var(--kkt-pdh-red);color:#fff}
.kkt-pdh__sections{min-width:0;padding:28px clamp(18px,3vw,36px) 38px}
.kkt-pdh__section{border-bottom:1px solid var(--kkt-pdh-line);background:#fff}
.kkt-pdh__section>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:15px 0;font-size:16px;font-weight:750;color:var(--kkt-pdh-ink)}
.kkt-pdh__section>summary::-webkit-details-marker,.kkt-pdh__faq summary::-webkit-details-marker{display:none}
.kkt-pdh__chevron{width:9px;height:9px;border-right:2px solid var(--kkt-pdh-red);border-bottom:2px solid var(--kkt-pdh-red);transform:rotate(45deg);transition:transform .15s ease;flex:0 0 auto;margin-right:6px}
.kkt-pdh__section[open] .kkt-pdh__chevron{transform:rotate(225deg)}
.kkt-pdh__section-body{padding:7px 0 27px;min-width:0}
.kkt-pdh__section-body h3{font-size:21px!important;line-height:1.3!important;color:var(--kkt-pdh-ink)!important;margin:0 0 18px!important;font-weight:800!important}
.kkt-pdh__intro{padding:17px 20px;background:var(--kkt-pdh-soft);border-left:4px solid var(--kkt-pdh-red);font-weight:600;font-size:14px;color:var(--kkt-pdh-ink);margin-bottom:20px}
.kkt-pdh__intro p,.kkt-pdh__prose p{margin:0 0 13px!important}.kkt-pdh__intro p:last-child,.kkt-pdh__prose p:last-child{margin-bottom:0!important}
.kkt-pdh__prose{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.kkt-pdh__prose img{max-width:100%;height:auto}
.kkt-pdh__two-col,.kkt-pdh__cards,.kkt-pdh__warranty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kkt-pdh__box,.kkt-pdh__card{padding:19px;background:#fff;border:1px solid var(--kkt-pdh-line);min-width:0}
.kkt-pdh__box h4,.kkt-pdh__card h4,.kkt-pdh__subheading{font-size:13px!important;line-height:1.35!important;font-weight:800!important;color:var(--kkt-pdh-ink)!important;margin:0 0 12px!important}
.kkt-pdh__card p{font-size:13px!important;line-height:1.65!important;color:var(--kkt-pdh-muted)!important;margin:0!important}
.kkt-pdh__list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:10px}.kkt-pdh__list li{position:relative;padding-left:21px;margin:0!important;font-size:13px;line-height:1.6}.kkt-pdh__list li::before{position:absolute;left:0;top:0;content:'✓';font-weight:800;color:var(--kkt-pdh-red)}
.kkt-pdh__specs{margin:0;border:1px solid var(--kkt-pdh-line);display:block;min-width:0}
.kkt-pdh__spec-row{display:grid;grid-template-columns:minmax(125px,34%) minmax(0,1fr);border-bottom:1px solid var(--kkt-pdh-line)}
.kkt-pdh__spec-row:last-child{border-bottom:0}.kkt-pdh__spec-row dt,.kkt-pdh__spec-row dd{padding:12px 15px;margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.kkt-pdh__spec-row dt{background:var(--kkt-pdh-soft);font-weight:700;color:var(--kkt-pdh-ink)}
.kkt-pdh__capacity{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-top:1px solid var(--kkt-pdh-line);border-left:1px solid var(--kkt-pdh-line);margin-bottom:22px}.kkt-pdh__capacity>div{padding:17px;border-right:1px solid var(--kkt-pdh-line);border-bottom:1px solid var(--kkt-pdh-line)}.kkt-pdh__capacity strong{color:var(--kkt-pdh-red)}
.kkt-pdh__subheading{margin:22px 0 12px!important}.kkt-pdh__note{padding:15px 17px;border-left:3px solid var(--kkt-pdh-red);background:#fff8f4;font-size:12px;line-height:1.7;margin-top:16px}
.kkt-pdh__included{margin-top:18px}.kkt-pdh__empty{padding:20px;color:var(--kkt-pdh-muted);background:var(--kkt-pdh-soft);font-size:13px;line-height:1.6}
.kkt-pdh__warranty>div{padding:19px;background:var(--kkt-pdh-soft);border-top:3px solid var(--kkt-pdh-ink)}.kkt-pdh__warranty strong{color:var(--kkt-pdh-ink);font-size:16px}.kkt-pdh__warranty p{font-size:12px;color:var(--kkt-pdh-muted);margin:9px 0 0!important}
.kkt-pdh__faq{margin-top:25px;border-top:1px solid var(--kkt-pdh-line)}.kkt-pdh__faq details{border-bottom:1px solid var(--kkt-pdh-line)}.kkt-pdh__faq summary{list-style:none;cursor:pointer;padding:17px 22px 17px 0;font-weight:700;color:var(--kkt-pdh-ink);font-size:13px;position:relative}.kkt-pdh__faq summary::after{content:'+';position:absolute;right:2px;top:9px;color:var(--kkt-pdh-red);font-size:22px;font-weight:400}.kkt-pdh__faq details[open] summary::after{content:'−'}.kkt-pdh__faq p{font-size:13px;line-height:1.7;color:var(--kkt-pdh-muted);margin:0 0 18px!important}
.kkt-pdh__help{display:grid;grid-template-columns:minmax(0,1fr) 250px;border:1px solid var(--kkt-pdh-line);margin-top:24px}.kkt-pdh__help>div:first-child{background:var(--kkt-pdh-ink);color:#d1d5d7;padding:28px}.kkt-pdh__help>div:first-child>span{display:block;color:#ff6d71;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:5px}.kkt-pdh__help h3{color:#fff!important;font-size:20px!important;line-height:1.3!important;margin:0 0 12px!important;font-weight:800!important}.kkt-pdh__help p{color:#d1d5d7!important;font-size:13px!important;line-height:1.7!important;margin:0!important}
.kkt-pdh__help-actions{padding:19px;display:grid;gap:9px;align-content:center;background:var(--kkt-pdh-soft)}.kkt-pdh__help-actions a{min-height:45px;display:flex;justify-content:center;align-items:center;padding:12px 15px;text-align:center;text-decoration:none!important;background:var(--kkt-pdh-ink);color:#fff!important;border:1px solid var(--kkt-pdh-ink);font-size:12px;font-weight:800}.kkt-pdh__help-actions a:last-child{background:#fff;color:var(--kkt-pdh-ink)!important}.kkt-pdh__help-actions a:hover{background:var(--kkt-pdh-red);border-color:var(--kkt-pdh-red);color:#fff!important}
/* Desktop JS enhancement: only the selected details remains visible. No JS = native details and all summaries remain available. */
@media(min-width:768px){.kkt-pdh--enhanced .kkt-pdh__section:not([open]){display:none}.kkt-pdh--enhanced .kkt-pdh__section>summary{display:none}.kkt-pdh--enhanced .kkt-pdh__section{border-bottom:0}}
@media(max-width:1024px){.kkt-pdh__layout{grid-template-columns:180px minmax(0,1fr)}.kkt-pdh__sections{padding:20px 20px 27px}}
@media(max-width:767px){
 .kkt-pdh{margin:34px 0 32px;width:100%;min-width:0}
 .kkt-pdh__heading{display:block;padding-bottom:17px;margin-bottom:17px}.kkt-pdh__heading h2{font-size:22px!important;overflow-wrap:anywhere}.kkt-pdh__heading>p{text-align:left;max-width:100%;font-size:12px;margin-top:13px!important}
 .kkt-pdh__stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:17px}.kkt-pdh__stat{padding:14px 12px}.kkt-pdh__stat strong{font-size:19px}.kkt-pdh__stat span{font-size:10px}
 .kkt-pdh__layout{display:block;min-height:0;box-shadow:none}.kkt-pdh__nav,.kkt-pdh--enhanced .kkt-pdh__nav{display:none!important}
 .kkt-pdh__sections{padding:0 15px 8px;min-width:0}
 /* Native details accordion: always show ALL section headings, even when JS fails. */
 .kkt-pdh__section,.kkt-pdh--enhanced .kkt-pdh__section:not([open]){display:block!important}
 .kkt-pdh__section>summary,.kkt-pdh--enhanced .kkt-pdh__section>summary{display:flex!important;padding:17px 0;font-size:15px;white-space:normal}
 .kkt-pdh__section-body{padding:3px 0 21px}.kkt-pdh__section-body h3{font-size:18px!important}
 .kkt-pdh__two-col,.kkt-pdh__cards,.kkt-pdh__warranty{grid-template-columns:minmax(0,1fr);gap:10px}.kkt-pdh__box,.kkt-pdh__card{padding:16px}
 .kkt-pdh__capacity{grid-template-columns:repeat(2,minmax(0,1fr))}.kkt-pdh__capacity>div{padding:14px 12px}.kkt-pdh__capacity strong{font-size:18px}
 .kkt-pdh__spec-row{grid-template-columns:1fr}.kkt-pdh__spec-row dt{padding:9px 12px 2px}.kkt-pdh__spec-row dd{padding:5px 12px 12px}
 .kkt-pdh__help{grid-template-columns:1fr;margin-top:17px}.kkt-pdh__help>div:first-child{padding:21px}.kkt-pdh__help-actions{padding:14px}.kkt-pdh__help h3{font-size:18px!important}
}
@media(max-width:340px){.kkt-pdh__stats,.kkt-pdh__capacity{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kkt-pdh *, .kkt-pdh *::before, .kkt-pdh *::after{transition:none!important}}


/* ==============================================================
   v1.0.2 RESPONSIVE + DESKTOP READABILITY REPAIR
   No JS: FULL-WIDTH native details, with every section accessible.
   JS: only wide components use the left nav with separate body pane.
   =============================================================== */
.kkt-pdh{
  container-type:inline-size;
  width:100%;max-width:100%;min-width:0;
  font-size:16px;line-height:1.7;
}
/* The unenhanced mode MUST NOT reserve an invisible 220px sidebar. */
.kkt-pdh .kkt-pdh__layout{display:block;min-width:0;min-height:0;width:100%}
.kkt-pdh .kkt-pdh__sections{width:100%;min-width:0;max-width:none;padding:28px clamp(22px,3vw,42px) 36px}
.kkt-pdh .kkt-pdh__heading{align-items:start;gap:22px}
.kkt-pdh .kkt-pdh__heading>div{flex:1 1 0;min-width:0}
.kkt-pdh .kkt-pdh__heading h2{font-size:clamp(24px,2.05vw,32px)!important;line-height:1.25!important;overflow-wrap:break-word}
.kkt-pdh .kkt-pdh__heading>p{flex:0 1 300px;max-width:300px;font-size:15px!important;line-height:1.65}
.kkt-pdh .kkt-pdh__eyebrow{font-size:12px!important}
.kkt-pdh .kkt-pdh__stat strong{font-size:24px!important}
.kkt-pdh .kkt-pdh__stat span,.kkt-pdh .kkt-pdh__capacity span{font-size:12px!important;letter-spacing:.025em}
.kkt-pdh .kkt-pdh__nav-label{font-size:12px!important}
.kkt-pdh .kkt-pdh__nav button{font-size:15px!important;line-height:1.4!important;padding:15px 14px!important}
.kkt-pdh .kkt-pdh__section>summary{font-size:18px!important;line-height:1.45!important}
.kkt-pdh .kkt-pdh__section-body h3{font-size:24px!important}
.kkt-pdh .kkt-pdh__intro,.kkt-pdh .kkt-pdh__intro p{font-size:16px!important;line-height:1.75!important}
.kkt-pdh .kkt-pdh__prose,.kkt-pdh .kkt-pdh__prose p,.kkt-pdh .kkt-pdh__prose li{font-size:16px!important;line-height:1.8!important}
.kkt-pdh .kkt-pdh__box h4,.kkt-pdh .kkt-pdh__card h4,.kkt-pdh .kkt-pdh__subheading{font-size:16px!important}
.kkt-pdh .kkt-pdh__card p,.kkt-pdh .kkt-pdh__list li{font-size:15px!important;line-height:1.7!important}
.kkt-pdh .kkt-pdh__spec-row dt,.kkt-pdh .kkt-pdh__spec-row dd{font-size:15px!important;line-height:1.65!important}
.kkt-pdh .kkt-pdh__capacity strong{font-size:24px!important}
.kkt-pdh .kkt-pdh__note,.kkt-pdh .kkt-pdh__warranty p,.kkt-pdh .kkt-pdh__faq p,.kkt-pdh .kkt-pdh__empty{font-size:15px!important;line-height:1.7!important}
.kkt-pdh .kkt-pdh__warranty strong{font-size:18px!important}
.kkt-pdh .kkt-pdh__faq summary{font-size:16px!important;line-height:1.55!important}
.kkt-pdh .kkt-pdh__help h3{font-size:23px!important}
.kkt-pdh .kkt-pdh__help p,.kkt-pdh .kkt-pdh__help-actions a{font-size:15px!important}
.kkt-pdh .kkt-pdh__box,.kkt-pdh .kkt-pdh__card{min-width:0;overflow-wrap:break-word}
/* Above 900px component width, JS enhancement activates desktop sidebar. */
@container (min-width: 901px) {
  .kkt-pdh--enhanced .kkt-pdh__layout{
    display:grid;
    grid-template-columns:235px minmax(0,1fr);
    min-height:400px;
  }
  .kkt-pdh--enhanced .kkt-pdh__nav{display:grid}
}
/* The actual COMPONENT width decides tablet/mobile, not browser width. */
@container (max-width: 900px) {
  .kkt-pdh .kkt-pdh__layout,.kkt-pdh--enhanced .kkt-pdh__layout{display:block!important;min-height:0}
  .kkt-pdh .kkt-pdh__nav,.kkt-pdh--enhanced .kkt-pdh__nav{display:none!important}
  .kkt-pdh .kkt-pdh__sections{padding:0 20px 14px}
  .kkt-pdh .kkt-pdh__section,.kkt-pdh--enhanced .kkt-pdh__section:not([open]){display:block!important}
  .kkt-pdh .kkt-pdh__section>summary,.kkt-pdh--enhanced .kkt-pdh__section>summary{display:flex!important}
  .kkt-pdh .kkt-pdh__heading{display:block}
  .kkt-pdh .kkt-pdh__heading>p{max-width:100%;margin-top:13px!important;text-align:left}
  .kkt-pdh .kkt-pdh__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kkt-pdh .kkt-pdh__two-col,.kkt-pdh .kkt-pdh__cards,.kkt-pdh .kkt-pdh__warranty{grid-template-columns:1fr}
  .kkt-pdh .kkt-pdh__spec-row{grid-template-columns:1fr}
  .kkt-pdh .kkt-pdh__help{grid-template-columns:1fr}
  .kkt-pdh .kkt-pdh__heading h2{font-size:25px!important}
}
@container (max-width: 500px) {
  .kkt-pdh{margin:30px 0}
  .kkt-pdh .kkt-pdh__sections{padding:0 15px 10px}
  .kkt-pdh .kkt-pdh__heading h2{font-size:22px!important}
  .kkt-pdh .kkt-pdh__stat{padding:15px 13px}
  .kkt-pdh .kkt-pdh__stat strong{font-size:21px!important}
  .kkt-pdh .kkt-pdh__stat span{font-size:11px!important}
  .kkt-pdh .kkt-pdh__section-body h3{font-size:21px!important}
  .kkt-pdh .kkt-pdh__intro{padding:17px}
  .kkt-pdh .kkt-pdh__capacity{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width: 340px) {
  .kkt-pdh .kkt-pdh__stats,.kkt-pdh .kkt-pdh__capacity{grid-template-columns:1fr}
}
/* Viewport breakpoints remain a no-container-query safety net. */
@media(max-width:767px){
  .kkt-pdh .kkt-pdh__heading{display:block}
  .kkt-pdh .kkt-pdh__sections{padding:0 15px 10px}
}