/* SC09_AP iPad / MacBook / AirPods Max display solution page: scoped styles (all selectors prefixed .sc9-).
   Follows the PA-05S_Duo page design (pa05s-duo.css). shared.css is not modified. */
.sc9-page{--sc9-ink:#1d1d1f;--sc9-ink-2:#6e6e73;--sc9-soft:#f5f5f7;--sc9-dark:#1d1d1f;--sc9-accent:#ff6b00;--sc9-line:#e5e5ea;font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--sc9-ink);-webkit-font-smoothing:antialiased;overflow-x:clip}
.sc9-page h1,.sc9-page h2,.sc9-page h3,.sc9-page h4{font-family:inherit;color:inherit}
.sc9-page img{max-width:100%;height:auto;display:block}
.sc9-page figure{margin:0}
.sc9-page *{min-width:0}
.sc9-sec{padding:88px 0}
.sc9-sec.sc9-tight{padding:72px 0}
.sc9-soft{background:var(--sc9-soft)}
.sc9-dark{background:var(--sc9-dark);color:#fff}
.sc9-accentbar{width:56px;height:4px;border-radius:2px;background:var(--sc9-accent);margin:20px 0 18px}
.sc9-center{text-align:center}
.sc9-center .sc9-accentbar{margin-left:auto;margin-right:auto}
.sc9-center .sc9-lead{margin-left:auto;margin-right:auto}
.sc9-eyebrow,.sc9-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sc9-accent);margin-bottom:12px}
.sc9-eyebrow span,.sc9-kicker span{color:#b9bec5;margin:0 6px;font-weight:400}
.sc9-h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}
.sc9-h3{font-size:1.15rem;font-weight:700;margin:30px 0 12px}
.sc9-lead{font-size:1.08rem;line-height:1.65;color:var(--sc9-ink-2);max-width:720px;margin:0}
.sc9-dark .sc9-lead{color:rgba(255,255,255,.75)}
.sc9-fn{font-size:12px;line-height:1.5;color:var(--sc9-ink-2);margin:24px 0 0}
.sc9-dark .sc9-fn{color:rgba(255,255,255,.5)}
.sc9-img{background:#fff;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sc9-opt,.sc9-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:var(--sc9-accent);border-radius:6px;padding:3px 8px;line-height:1.3;vertical-align:middle}
.sc9-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sc9-cta-center{justify-content:center}
.sc9-dark .btn-outline{color:#fff;border-color:#fff}

/* hero */
.sc9-hero{background:linear-gradient(180deg,#fff 0%,#fff 55%,var(--sc9-soft) 100%);padding:56px 0 64px}
.sc9-hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px;align-items:center}
.sc9-hero h1{font-size:clamp(2rem,4.1vw,3.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0}
.sc9-sub{font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:600;color:var(--sc9-accent);margin:14px 0 0}
.sc9-page .sc9-hero-media{background:#fff;border:1px solid var(--sc9-line);border-radius:20px;padding:18px 18px 12px}
.sc9-hero-media figcaption{font-size:12px;color:#9aa0a8;margin-top:6px}

/* summary + stats */
.sc9-summary-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
.sc9-summary{font-size:1.05rem;line-height:1.7;color:var(--sc9-ink);margin:0;max-width:760px}
.sc9-facts{list-style:none;padding:0;margin:0;border-top:1px solid var(--sc9-line)}
.sc9-facts li{padding:10px 0 10px 22px;border-bottom:1px solid var(--sc9-line);position:relative;font-size:.96rem;line-height:1.5;color:var(--sc9-ink-2)}
.sc9-facts li:before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--sc9-accent)}
.sc9-facts b{color:var(--sc9-ink);font-weight:600}
.sc9-stats{display:flex;flex-direction:column;gap:18px}
.sc9-stat{background:var(--sc9-soft);border-radius:18px;padding:24px 24px 22px;border-top:4px solid var(--sc9-accent)}
.sc9-stat .v{font-size:2.6rem;font-weight:800;color:var(--sc9-accent);line-height:1;letter-spacing:-.01em}
.sc9-stat .v small{font-size:1rem;font-weight:700;margin-right:6px}
.sc9-stat .k{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px}
.sc9-stat p{font-size:.93rem;line-height:1.5;color:var(--sc9-ink-2);margin:6px 0 0}

/* components */
.sc9-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:44px}
.sc9-key{background:#fff;border:1px solid var(--sc9-line);border-radius:18px;padding:26px 22px}
.sc9-key-n{font-size:13px;font-weight:800;color:var(--sc9-accent);letter-spacing:1px}
.sc9-key h3{font-size:1.08rem;font-weight:700;margin:10px 0 8px;line-height:1.3}
.sc9-key h3 .sc9-opt{margin-left:4px;font-size:9.5px}
.sc9-key p{font-size:.93rem;line-height:1.6;color:var(--sc9-ink-2);margin:0}

/* devices */
.sc9-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.sc9-note-r{font-size:13px;color:#8a9098;padding-bottom:20px}
.sc9-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.sc9-dev .sc9-img{border:1px solid var(--sc9-line);aspect-ratio:4/3}
.sc9-dev .sc9-img img{width:100%;height:100%;object-fit:contain}
.sc9-dev h3{font-size:1.1rem;font-weight:700;margin:14px 0 4px}
.sc9-dev p{font-size:.93rem;line-height:1.55;color:var(--sc9-ink-2);margin:0}

/* features */
.sc9-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
.sc9-feat{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.sc9-feat .sc9-img{aspect-ratio:16/9;margin:14px 14px 0;border-radius:12px;background:#fff}
.sc9-feat .sc9-img-pad img{max-width:94%}
.sc9-feat .sc9-img-fill img{width:100%;height:100%;object-fit:cover}
.sc9-feat-tx{padding:18px 22px 24px}
.sc9-n{font-size:12px;font-weight:800;color:var(--sc9-accent);letter-spacing:1px;text-transform:uppercase}
.sc9-n span{color:#c9c9c9;margin:0 4px;font-weight:400}
.sc9-feat h3{font-size:1.15rem;font-weight:700;margin:8px 0 6px}
.sc9-feat p{font-size:.95rem;line-height:1.6;color:var(--sc9-ink-2);margin:0}
.sc9-logic{background:var(--sc9-dark);color:#fff;border-radius:18px;padding:28px 30px;margin-top:24px}
.sc9-logic-h{font-size:12px!important;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#e9a23b!important;margin:0 0 16px}
.sc9-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.sc9-steps li{counter-increment:s;border-left:2px solid #4a4e55;padding-left:14px;font-size:.93rem;line-height:1.5;color:#d8d9dc}
.sc9-steps li b{display:block;color:#fff;font-size:1rem;margin-bottom:4px}
.sc9-steps li b:before{content:counter(s) " · "}

/* connectors */
.sc9-conn-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:36px}
.sc9-diagram{background:#fff;border:1px solid var(--sc9-line);border-radius:18px;padding:22px}
.sc9-diagram figcaption{font-size:12px;line-height:1.5;color:var(--sc9-ink-2);margin-top:14px}
.sc9-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.sc9-points li{display:flex;gap:14px;align-items:flex-start;background:var(--sc9-soft);border-radius:14px;padding:16px 18px}
.sc9-points h3{font-size:1rem;font-weight:700;margin:2px 0 4px}
.sc9-points p{font-size:.92rem;line-height:1.5;color:var(--sc9-ink-2);margin:0}
.sc9-dot{flex:none;width:28px;height:28px;border-radius:50%;background:#f2b01e;color:#1d1d1f;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.sc9-points li.sc9-points-band{background:#fff;border:1px solid var(--sc9-line);border-left:4px solid var(--sc9-accent)}

/* store reference */
.sc9-page .sc9-store{margin-top:36px}
.sc9-store-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:12px}
.sc9-store-grid img{width:100%;height:100%;object-fit:cover;border-radius:14px;aspect-ratio:1.1/1}
.sc9-store-grid .sc9-store-a1{grid-row:1 / span 2;aspect-ratio:auto}
.sc9-store figcaption{font-size:13px;color:var(--sc9-ink-2);margin-top:12px;font-style:italic}

/* specs */
.sc9-spec-card{background:var(--sc9-soft);border-radius:20px;padding:26px 30px 14px;margin-top:36px}
.sc9-spec-table{width:100%;border-collapse:collapse}
.sc9-spec-table caption{text-align:left;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding-bottom:12px;border-bottom:3px solid var(--sc9-accent);width:max-content;max-width:100%;margin-bottom:6px}
.sc9-spec-table th,.sc9-spec-table td{padding:13px 6px;border-bottom:1px solid #e1e1e6;vertical-align:top;text-align:left;font-size:.95rem;line-height:1.5}
.sc9-spec-table th{width:28%;color:var(--sc9-ink-2);font-weight:600}
.sc9-spec-table td{font-weight:500}
.sc9-spec-table tr:last-child th,.sc9-spec-table tr:last-child td{border-bottom:none}
.sc9-subhead{font-size:13px!important;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin:40px 0 14px}
.sc9-also{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sc9-also-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;background:var(--sc9-soft);border-radius:18px;padding:20px}
.sc9-also-card .sc9-img{aspect-ratio:1/1}
.sc9-also-card h4{font-size:1.08rem;font-weight:700;margin:0 0 6px}
.sc9-also-card p{font-size:.93rem;line-height:1.55;color:var(--sc9-ink-2);margin:0}
.sc9-pills{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.sc9-pills li{font-size:12px;font-weight:600;background:#fff;border:1px solid var(--sc9-line);border-radius:8px;padding:3px 9px}
.sc9-confirm{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:22px;align-items:baseline;border-top:1px solid var(--sc9-line);padding-top:18px}
.sc9-confirm h4{font-size:12px;font-weight:800;color:var(--sc9-accent);letter-spacing:1.5px;text-transform:uppercase;margin:0}
.sc9-confirm p{font-size:.95rem;line-height:1.55;color:var(--sc9-ink-2);margin:0}

/* accessories */
.sc9-acc-row{align-items:center;margin-top:36px}
.sc9-acc-row .sc9-subhead{margin:0}
.sc9-acc{display:grid;gap:20px;margin-top:14px}
.sc9-acc-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc9-acc-card{background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column}
.sc9-acc-card .sc9-img{aspect-ratio:4/3}
.sc9-acc-card .sc9-img img{max-height:92%;max-width:92%;width:auto;object-fit:contain}
.sc9-acc-card figcaption{padding:14px 8px 6px}
.sc9-acc-h{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:center}
.sc9-acc-h .sc9-img{aspect-ratio:3/4;background:#fff}
.sc9-acc-h figcaption{padding:0}
.sc9-md{display:flex;align-items:center;gap:10px}
.sc9-md h4{font-size:1.25rem;font-weight:800;margin:0}
.sc9-acc-card p{font-size:.95rem;line-height:1.5;color:var(--sc9-ink-2);margin:6px 0 0}
.sc9-acc-card .sc9-ty{color:var(--sc9-ink);font-weight:600}
.sc9-acc-card .sc9-dia{display:inline-block;background:var(--sc9-soft);border-radius:8px;padding:4px 10px;font-size:.88rem;margin-top:10px}
.sc9-flow{background:var(--sc9-dark);color:#fff;border-radius:18px;padding:24px 28px;margin-top:28px}
.sc9-flow h3{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#e9a23b!important;margin:0 0 14px}
.sc9-flow p{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.sc9-flow span{background:#2c2e33;border-radius:10px;padding:8px 14px;font-weight:600;font-size:.95rem}
.sc9-flow span.o{background:transparent;border:1px dashed #e9a23b;color:#e9a23b}
.sc9-flow em{font-style:normal;color:#8a9098;font-weight:700}

/* faq */
.sc9-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.sc9-faq-item{background:var(--sc9-soft);border-radius:16px;padding:22px 24px}
.sc9-faq-item h3{font-size:1.02rem;font-weight:700;line-height:1.4;margin:0 0 8px}
.sc9-faq-item p{font-size:.94rem;line-height:1.6;color:var(--sc9-ink-2);margin:0}

@media (max-width:1024px){
  .sc9-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc9-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc9-also{grid-template-columns:1fr}
}
@media (max-width:860px){
  .sc9-sec,.sc9-sec.sc9-tight{padding:56px 0}
  .sc9-hero{padding:28px 0 40px}
  .sc9-hero-grid,.sc9-summary-grid,.sc9-conn-grid{grid-template-columns:1fr;gap:28px}
  .sc9-hero-media{order:-1}
  .sc9-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .sc9-devices{grid-template-columns:1fr 1fr}
  .sc9-feats,.sc9-faq{grid-template-columns:1fr}
  .sc9-store-grid{grid-template-columns:1fr 1fr}
  .sc9-store-grid .sc9-store-a1{grid-column:1 / span 2;grid-row:auto}
  .sc9-confirm{grid-template-columns:1fr;gap:6px}
}
@media (max-width:600px){
  .sc9-stats{grid-template-columns:1fr}
  .sc9-stat{padding:18px 20px}
  .sc9-stat .v{font-size:2.2rem}
  .sc9-keys,.sc9-devices,.sc9-steps,.sc9-acc-2{grid-template-columns:1fr}
  .sc9-logic,.sc9-flow{padding:22px 20px}
  .sc9-diagram{padding:10px}
  .sc9-spec-card{padding:20px 16px 8px}
  .sc9-spec-table th{width:36%}
  .sc9-spec-table th,.sc9-spec-table td{font-size:.88rem;padding:11px 4px}
  .sc9-also-card{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px}
  .sc9-acc-h{grid-template-columns:110px minmax(0,1fr)}
  .sc9-cta .btn{flex:1 1 100%;justify-content:center;text-align:center}
  .sc9-hero h1{font-size:1.85rem}
}
/* page-local fix (same as pa05s-duo.css): shared.css sets nowrap on the copyright line, which overflows 390px phones */
@media (max-width:640px){.footer-copyright p{white-space:normal}}
.sc9-zoom{display:block;cursor:zoom-in}
.sc9-zoom-hint{display:none}
@media (max-width:860px){.sc9-zoom-hint{display:inline;font-weight:600;color:var(--sc9-ink)}}
/* v4: keep "approx. 70 cm" on one line at tablet widths */
.sc9-stat .v{white-space:nowrap}
/* v4: Related Products card titles are h3 (heading order); keep the shared h4 card size */
.sc9-rp .rp-card-body h3{font-size:13.5px;margin-bottom:8px;line-height:1.4}
@media (min-width:601px) and (max-width:860px){.sc9-stat{padding:20px 16px 18px}.sc9-stat .v{font-size:clamp(1.5rem,3.6vw,2.6rem)}.sc9-stat .v small{font-size:.8rem;margin-right:4px}}
