
/* v3.0 Power Tool Battery Ecosystem */
:root{--pt-navy:#152934;--pt-blue:#0d79b8;--pt-green:#15805b;--pt-soft:#f4f7f8;--pt-orange:#ff6b2c;--pt-line:#dfe6e8}
.pt-hero{background:linear-gradient(135deg,#f7fafb 0%,#fff9f4 58%,#fff 100%);border-bottom:1px solid #e7ecee;padding:54px 0 48px}.pt-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:44px;align-items:center}.pt-hero h1{font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 14px;color:#152934}.pt-hero .lead{max-width:760px;font-size:16px;line-height:1.8;color:#5f6b72}.pt-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pt-value-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pt-value-row span{font-size:10px;font-weight:900;border:1px solid #dde5e7;background:#fff;border-radius:999px;padding:8px 10px;color:#4a5961}.pt-battery-visual{min-height:330px;position:relative;border:1px solid #e0e7e9;border-radius:26px;background:linear-gradient(155deg,#fff,#eef4f6);overflow:hidden;box-shadow:0 20px 50px rgba(22,45,57,.08)}.pt-battery-visual:before,.pt-battery-visual:after{content:"";position:absolute;border-radius:22px;background:#183847;box-shadow:inset 0 -18px 25px rgba(0,0,0,.16)}.pt-battery-visual:before{width:190px;height:118px;left:44px;bottom:56px;transform:rotate(-4deg)}.pt-battery-visual:after{width:150px;height:94px;right:34px;top:58px;background:#1c6f7d;transform:rotate(7deg)}.pt-battery-label{position:absolute;z-index:2;background:#fff;border:1px solid #e3e8ea;border-radius:13px;padding:11px 13px;box-shadow:0 10px 25px rgba(15,38,50,.08)}.pt-battery-label b{display:block;font-size:15px}.pt-battery-label small{font-size:9px;color:#738087}.pt-battery-label.a{left:22px;top:22px}.pt-battery-label.b{right:20px;bottom:20px}.pt-cable{position:absolute;z-index:1;width:170px;height:70px;border:5px solid #ff6b2c;border-color:#ff6b2c transparent transparent #ff6b2c;border-radius:60%;left:135px;top:145px;transform:rotate(12deg)}
.pt-section{padding:52px 0}.pt-section.alt{background:#f7f8f8;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1}.pt-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.pt-section-head h2{font-size:clamp(26px,3vw,38px);margin:4px 0 6px;letter-spacing:-.03em}.pt-section-head p{font-size:12px;color:#69767d;max-width:760px;margin:0;line-height:1.75}.pt-section-head>a{font-size:11px;font-weight:900;color:#e85d22}
.pt-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pt-system-card{border:1px solid var(--pt-line);border-radius:19px;background:#fff;padding:21px;position:relative;overflow:hidden}.pt-system-card:before{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-28px;top:-28px;background:color-mix(in srgb,var(--sys) 12%,white)}.pt-system-card .pt-system-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--sys) 10%,white);color:var(--sys);font-size:9px;font-weight:900}.pt-system-card h3{font-size:20px;margin:12px 0 6px}.pt-system-card p{font-size:11px;line-height:1.7;color:#68747a;min-height:58px}.pt-system-card a{font-size:11px;font-weight:900;color:var(--sys)}
.pt-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.pt-category-card{display:block;border:1px solid var(--pt-line);border-radius:17px;background:#fff;padding:17px;color:inherit;transition:.18s}.pt-category-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(21,41,52,.08);border-color:#cad8dc}.pt-category-card .pt-cat-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.pt-cat-symbol{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef4f6;color:#1b546d;font-size:21px;font-weight:900}.pt-load{font-size:8px;font-weight:900;border-radius:999px;padding:5px 8px;background:#f4f2ed;color:#68747a}.pt-category-card h3{font-size:16px;margin:12px 0 6px}.pt-category-card p{font-size:10px;line-height:1.65;color:#738087;margin:0}.pt-category-card small{display:block;margin-top:10px;color:#e85d22;font-weight:900;font-size:9px}
.pt-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:ptflow}.pt-flow-card{position:relative;border:1px solid var(--pt-line);background:#fff;border-radius:16px;padding:18px 15px 16px 54px;min-height:106px}.pt-flow-card:before{counter-increment:ptflow;content:counter(ptflow);position:absolute;left:15px;top:16px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#152934;color:#fff;font-size:10px;font-weight:900}.pt-flow-card b{display:block;font-size:13px}.pt-flow-card span{display:block;font-size:10px;line-height:1.6;color:#6e7a80;margin-top:4px}.pt-rule-note{margin-top:18px;border-radius:16px;border:1px solid #f0d8cc;background:#fff9f5;padding:16px;font-size:11px;line-height:1.75;color:#5d6164}.pt-rule-note strong{color:#cc531f}
.pt-result-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pt-label-card{border:1px solid var(--pt-line);border-radius:14px;padding:14px;background:#fff}.pt-label-card b{font-size:15px}.pt-label-card p{font-size:9px;line-height:1.55;color:#6d787e;margin:4px 0 0}.pt-label-card.keep{border-top:4px solid #16815b}.pt-label-card.add{border-top:4px solid #0d79b8}.pt-label-card.dual{border-top:4px solid #c7901d}.pt-label-card.migrate{border-top:4px solid #dd5b2d}
.pt-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.pt-filter-btn{border:1px solid var(--pt-line);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.pt-filter-btn.is-active{background:#152934;color:#fff;border-color:#152934}.pt-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pt-tool-card{border:1px solid var(--pt-line);border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.pt-tool-visual{height:156px;background:linear-gradient(145deg,#f8fbfc,#eef3f5);position:relative;display:grid;place-items:center;color:inherit}.pt-icon{width:100px;height:100px;border-radius:26px;background:#fff;border:1px solid #dfe7e9;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(25,55,68,.07)}.pt-icon span{font-size:34px;color:#1b536c;line-height:1}.pt-icon small{margin-top:7px;font-size:8px;letter-spacing:.08em;font-weight:900;color:#7a858a}.pt-system-pill{position:absolute;left:11px;top:11px;background:#152934;color:#fff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.pt-tool-body{padding:15px;display:flex;flex-direction:column;flex:1}.pt-tool-kicker{font-size:8px;color:#7a858b;font-weight:900;letter-spacing:.06em}.pt-tool-card h3{font-size:18px;margin:4px 0 5px}.pt-tool-card h3 a{color:inherit}.pt-tool-card p{font-size:10px;line-height:1.6;color:#67737a;min-height:32px}.pt-tool-card dl{margin:8px 0 12px;display:grid;gap:5px}.pt-tool-card dl div{display:grid;grid-template-columns:42px 1fr;gap:6px;font-size:9px}.pt-tool-card dt{font-weight:900;color:#98a0a4}.pt-tool-card dd{margin:0;color:#56636a}.pt-tool-actions{display:flex;gap:8px;align-items:center;margin-top:auto}.pt-tool-actions .btn{padding:9px 11px;font-size:9px}.pt-official{font-size:9px;font-weight:900;color:#e85d22;margin-left:auto}
.pt-page-hero{padding:38px 0 34px;background:linear-gradient(140deg,#f7fafb,#fff);border-bottom:1px solid #e7ecee}.pt-page-hero h1{font-size:clamp(32px,4vw,48px);margin:6px 0 10px;letter-spacing:-.04em}.pt-page-hero .lead{max-width:820px;color:#637077;line-height:1.8;font-size:14px}.pt-page-hero .pt-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.pt-page-hero .pt-meta span{font-size:9px;font-weight:900;border:1px solid #dfe6e8;background:#fff;border-radius:999px;padding:6px 9px}.pt-two-col{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.pt-main-card{border:1px solid var(--pt-line);border-radius:19px;background:#fff;padding:22px}.pt-main-card h2{font-size:25px;margin:0 0 10px}.pt-main-card p{font-size:12px;line-height:1.85;color:#5f6b72}.pt-side-card{border:1px solid var(--pt-line);border-radius:16px;background:#fff;padding:17px;position:sticky;top:92px}.pt-side-card h3{font-size:14px;margin:0 0 10px}.pt-side-card a{display:block;font-size:10px;padding:7px 0;border-bottom:1px solid #eef1f2;color:#5a666c}.pt-side-card a:last-child{border:0}.pt-compare-table{width:100%;border-collapse:collapse;font-size:11px}.pt-compare-table th,.pt-compare-table td{padding:12px;border-bottom:1px solid #e8edee;text-align:left;vertical-align:top}.pt-compare-table th{font-size:9px;color:#7f898e;text-transform:none;background:#f8fafb}.pt-compare-table strong{display:block}.pt-table-wrap{overflow-x:auto;border:1px solid #e3e9eb;border-radius:15px;background:#fff}.pt-decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pt-decision{border:1px solid var(--pt-line);border-radius:15px;padding:16px;background:#fff}.pt-decision b{font-size:13px}.pt-decision p{font-size:10px;line-height:1.65;color:#6c777d;margin:5px 0 0}.pt-big-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;border-radius:20px;background:#152934;color:#fff;padding:24px}.pt-big-cta h2{margin:0 0 5px;color:#fff;font-size:24px}.pt-big-cta p{margin:0;color:#cbd4d8;font-size:11px}.pt-big-cta .btn{white-space:nowrap}
.pt-finder-wrap{max-width:900px;margin:0 auto}.pt-form-card{border:1px solid var(--pt-line);border-radius:20px;background:#fff;padding:22px;margin-bottom:14px}.pt-form-card h2{font-size:20px;margin:0 0 5px}.pt-form-card>p{font-size:10px;color:#6e7a80;margin:0 0 15px}.pt-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pt-option{position:relative}.pt-option input{position:absolute;opacity:0;pointer-events:none}.pt-option span{display:block;border:1px solid var(--pt-line);border-radius:12px;background:#fff;padding:12px;font-size:10px;font-weight:800;line-height:1.45;cursor:pointer;min-height:48px}.pt-option input:checked+span{border-color:#ff6b2c;background:#fff6f0;box-shadow:inset 0 0 0 1px #ff6b2c}.pt-select-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pt-field label{display:block;font-size:9px;font-weight:900;color:#637178;margin:0 0 5px 2px}.pt-field select{width:100%;height:44px;border:1px solid var(--pt-line);border-radius:11px;background:#fff;padding:0 11px;font:inherit;font-size:11px}.pt-form-submit{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px}.pt-form-submit p{font-size:9px;color:#7a858a;max-width:520px}.pt-result-hero{border:1px solid var(--pt-line);border-radius:24px;background:linear-gradient(135deg,#fff,#f5f9fa);padding:26px}.pt-result-kicker{font-size:9px;font-weight:900;color:#7b878c;letter-spacing:.12em}.pt-result-badge{display:inline-flex;margin:8px 0 10px;border-radius:999px;padding:7px 11px;color:#fff;background:#152934;font-size:11px;font-weight:900}.pt-result-hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 8px}.pt-result-hero .reason{font-size:12px;line-height:1.8;color:#5d6a71}.pt-result-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.pt-route-card{border:1px solid #dfe6e8;border-radius:13px;padding:12px;background:#fff;opacity:.55}.pt-route-card.is-selected{opacity:1;border-color:#ff6b2c;box-shadow:inset 0 0 0 1px #ff6b2c;background:#fff8f4}.pt-route-card b{font-size:12px}.pt-route-card small{display:block;font-size:8px;line-height:1.45;color:#748087;margin-top:3px}.pt-asset-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pt-asset-card{border:1px solid var(--pt-line);border-radius:14px;background:#fff;padding:14px}.pt-asset-card span{font-size:8px;color:#8a9499;font-weight:900}.pt-asset-card b{display:block;font-size:14px;margin-top:3px}.pt-cost-table td:last-child,.pt-cost-table th:last-child{text-align:center}.pt-status-use{color:#15805b;font-weight:900}.pt-status-add{color:#d05b25;font-weight:900}.pt-status-na{color:#899399}.pt-buy-section{margin-top:30px}.pt-buy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.pt-buy-group{border:1px solid var(--pt-line);border-radius:14px;padding:14px;background:#fff}.pt-buy-group h3{font-size:12px;margin:0 0 7px}.pt-market-links{display:flex;gap:6px;flex-wrap:wrap}.pt-market-links a{border:1px solid #dfe5e7;border-radius:9px;padding:8px 9px;font-size:9px;font-weight:900;background:#fff}.pt-market-links a:hover{border-color:#ff6b2c;color:#d85920}.pt-buy-placeholder{font-size:9px;color:#889297;margin:0}.pt-source-box{margin-top:24px;padding:15px;border:1px solid #e4e9ea;border-radius:14px;background:#f9fbfb;font-size:10px;line-height:1.7;color:#68747a}.pt-source-box a{font-weight:900;color:#315b70}.pt-affiliate-note{font-size:9px;color:#7b858a;margin-top:7px}
.home-power-promo{padding:34px 0;background:#f5f8f9;border-top:1px solid #e9edef;border-bottom:1px solid #e9edef}.home-power-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;border-radius:21px;padding:24px;background:#fff;border:1px solid #dfe7e9}.home-power-box .eyebrow{color:#0d79b8}.home-power-box h2{font-size:26px;margin:4px 0 7px}.home-power-box p{font-size:11px;color:#647178;margin:0;max-width:700px;line-height:1.7}.home-power-actions{display:flex;gap:8px;flex-wrap:wrap}.home-power-actions .btn{white-space:nowrap}
@media(max-width:1050px){.pt-category-grid{grid-template-columns:repeat(2,1fr)}.pt-tools-grid{grid-template-columns:repeat(2,1fr)}.pt-system-grid{grid-template-columns:1fr}.pt-hero-grid{grid-template-columns:1fr}.pt-battery-visual{min-height:280px}.pt-two-col{grid-template-columns:1fr}.pt-side-card{position:static}.pt-flow{grid-template-columns:repeat(2,1fr)}.pt-result-labels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.pt-hero{padding:35px 0 30px}.pt-category-grid,.pt-tools-grid,.pt-option-grid,.pt-select-row,.pt-decision-grid,.pt-asset-strip,.pt-buy-grid{grid-template-columns:1fr}.pt-flow,.pt-result-steps{grid-template-columns:1fr 1fr}.pt-section{padding:38px 0}.pt-section-head{align-items:start;flex-direction:column}.pt-system-card p{min-height:0}.pt-big-cta,.home-power-box{grid-template-columns:1fr}.pt-big-cta .btn,.home-power-actions .btn{width:100%;text-align:center}.pt-form-card{padding:17px}.pt-form-submit{align-items:flex-start;flex-direction:column}.pt-form-submit .btn{width:100%}.pt-tool-actions{align-items:stretch;flex-direction:column}.pt-official{margin-left:0}.pt-battery-visual{min-height:250px}.pt-battery-visual:before{left:28px;bottom:45px;width:155px}.pt-battery-visual:after{right:25px;width:120px}.pt-cable{left:95px;width:140px}.pt-hero h1{font-size:39px}}

/* v3.1 Real product imagery + marketplace CTA */
.pt-product-photo{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;padding:10px;display:block}
.pt-tool-visual-detail{height:300px!important;background:#fff;border:1px solid var(--pt-line);border-radius:16px;overflow:hidden}
.pt-tool-visual-detail .pt-product-photo{padding:16px}
.pt-market-quick{font-size:9px;font-weight:900;color:#b84f12;border:1px solid #f0d2c0;background:#fff8f3;border-radius:9px;padding:8px 9px;white-space:nowrap}
.pt-market-quick:hover{border-color:#ff6b2c;color:#d85920}
.pt-table-product{display:flex;align-items:center;gap:8px;min-width:145px}.pt-table-thumb{width:54px;height:54px;object-fit:contain;background:#fff;border:1px solid #e3e8ea;border-radius:9px;padding:3px}.pt-table-product small{display:block}
@media(max-width:700px){.pt-tool-visual{height:190px}.pt-tool-visual-detail{height:260px!important}.pt-product-photo{padding:8px}.pt-market-quick{text-align:center}}

/* v3.2 Product detail image: always show the full real product photo */
.pt-tool-visual-detail{
  height:auto!important;
  min-height:320px;
  max-height:none!important;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid var(--pt-line);
  border-radius:16px;
  overflow:visible;
}
.pt-tool-visual-detail .pt-product-photo{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:460px!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:auto;
  display:block;
}
@media(max-width:700px){
  .pt-tool-visual-detail{height:auto!important;min-height:240px;padding:12px}
  .pt-tool-visual-detail .pt-product-photo{max-height:340px!important}
}

/* v3.3 Makita complete */
.pt-market-quick{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bf0000;color:#a40000;background:#fff7f7;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:900;line-height:1.25}.pt-tool-actions{flex-wrap:wrap}.pt-starter-callout a{font-weight:900;color:#a40000}.pt-buy-group h3{margin-bottom:8px}
