.c50-manual {
  --c50-manual-accent: #f5660a;
  --c50-manual-ink: #15181d;
  --c50-manual-muted: #68717b;
  --c50-manual-line: #d8dee5;
  background: #fff;
  color: var(--c50-manual-ink);
  font-family: "M90 Arimo", Arial, sans-serif;
  padding: 72px 24px 84px;
}

.c50-manual *,
.c50-manual *::before,
.c50-manual *::after { box-sizing: border-box; }
.c50-manual [hidden] { display: none !important; }

/* Keep the manual self-contained inside a Shopline product template. */
.c50-manual,
.c50-manual__shell,
.c50-manual__pages,
.c50-manual__page,
.c50-manual__paper,
.c50-manual__paper-body { max-width: 100%; min-width: 0; }
.c50-manual img { max-width: 100%; }

/* The C50 template has an unrelated, off-canvas gallery thumbnail.  Do not
   let that make the manual page itself horizontally scroll on a handset. */
html:has(.c50-manual),
body:has(.c50-manual) { overflow-x: hidden; }

.c50-manual__shell { margin: 0 auto; max-width: 1120px; }

.c50-manual__header {
  border-left: 5px solid var(--c50-manual-accent);
  margin: 0 0 28px;
  max-width: 830px;
  padding: 2px 0 2px 18px;
}

.c50-manual__eyebrow,
.c50-manual__chip {
  color: var(--c50-manual-accent);
  font-family: "M90 Rajdhani", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.15;
  margin: 0 0 7px;
  text-transform: uppercase;
}

.c50-manual__header h2 {
  color: var(--c50-manual-ink);
  font-family: "M90 Rajdhani", Arial, sans-serif;
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1;
  margin: 0;
}

.c50-manual__intro {
  color: var(--c50-manual-muted);
  font-size: 16px;
  line-height: 1.55;
  margin: 10px 0 0;
}

.c50-manual__tab-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

/* Keep the enclosing card visible above the horizontally scrollable tab strip.
   A pseudo-element avoids the right edge being visually covered on handsets. */
.c50-manual__tab-card::after {
  border: 2px solid #98a3ad;
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.c50-manual__tabs {
  border-bottom: 1px solid var(--c50-manual-line);
  margin: 0;
}

.c50-manual__tab-list {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.c50-manual__tab {
  appearance: none;
  background: #fff;
  border: 0;
  border-bottom: 3px solid transparent;
  color: #47515b;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  justify-content: center;
  line-height: 1.1;
  min-height: 64px;
  padding: 10px 7px 9px;
  text-align: center;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.c50-manual__tab > span {
  color: #87919b;
  font-family: "M90 Rajdhani", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: .08em;
}

.c50-manual__tab:hover { background: #f7f9fa; color: var(--c50-manual-ink); }
.c50-manual__tab.is-current { background: #f6f8fa; border-bottom-color: var(--c50-manual-accent); color: var(--c50-manual-ink); }
.c50-manual__tab.is-current > span { color: var(--c50-manual-accent); }
.c50-manual__tab:focus-visible { outline: 3px solid rgb(245 102 10 / 32%); outline-offset: 3px; }

.c50-manual__pages {
  min-height: var(--c50-manual-pages-height, 0px);
  overflow: hidden;
  transition: min-height .2s ease;
}
.c50-manual__page { animation: c50-manual-page-in .2s ease both; margin: 0; padding: 0; }

.c50-manual__paper {
  background: #fff;
  border: 1px solid var(--c50-manual-line);
  overflow: visible;
  position: relative;
  width: 100%;
}

.c50-manual__tab-card .c50-manual__paper { border: 0; border-radius: 0; }

.c50-manual__paper-body {
  height: auto;
  overflow: visible;
  padding: 6.4% 6.7% 8.5%;
  position: relative;
}

.c50-manual__original-page {
  color: #4d5660;
  font-size: clamp(10px, 1.2vw, 14px);
  line-height: 1;
  margin: 0;
  padding: 0 6.7% 3.4%;
  position: static;
  text-align: center;
}

.c50-manual__paper h3,
.c50-manual__paper h4 { color: var(--c50-manual-ink); font-family: "M90 Rajdhani", Arial, sans-serif; margin: 0; }
.c50-manual__paper h3 { font-size: clamp(18px, 2.1vw, 28px); font-weight: 700; line-height: 1.06; }
.c50-manual__paper h4 { font-size: clamp(13px, 1.4vw, 18px); font-weight: 700; line-height: 1.15; }
.c50-manual__paper p,
.c50-manual__paper li,
.c50-manual__paper td,
.c50-manual__paper th { font-size: clamp(10px, 1.22vw, 15px); line-height: 1.28; }

.c50-manual__paper--safety .c50-manual__page-title {
  color: var(--c50-manual-accent);
  font-size: clamp(16px, 2.1vw, 25px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 4.1%;
}

.c50-manual__manual-block { margin: 0; }
.c50-manual__manual-block + .c50-manual__manual-block { margin-top: 7.6%; }
.c50-manual__manual-block h3,
.c50-manual__chip {
  background: var(--c50-manual-accent);
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  font-size: clamp(15px, 1.95vw, 24px);
  letter-spacing: 0;
  padding: 8px 14px 7px;
  text-transform: none;
}

.c50-manual__paper .c50-manual__chip { color: #fff; }

.c50-manual__warning { margin: 2.1% 0 1.4%; }
.c50-manual__warning b,
.c50-manual__tube-warning b,
.c50-manual__slot-note h4 b { color: #df3333; font-size: 1.25em; }
.c50-manual__manual-block ul,
.c50-manual__compact-list { list-style: none; margin: 0; padding: 0; }
.c50-manual__manual-block li,
.c50-manual__compact-list li { margin: .48em 0; padding-left: 1.05em; position: relative; }
.c50-manual__manual-block li::before,
.c50-manual__compact-list li::before { content: "•"; font-weight: 700; left: 0; position: absolute; }

.c50-manual__paper--controls .c50-manual__chip { margin-bottom: 1.6%; }
.c50-manual__diagram { background: #fff; display: block; margin: 0; }
.c50-manual__diagram img { display: block; height: auto; width: 100%; }
.c50-manual__diagram--controls { margin: 0 auto 2.1%; width: 84%; }

.c50-manual__function-table-wrap { border-top: 2px solid #15181d; margin: 0 auto; width: 100%; }
.c50-manual__function-table-wrap h4 { font-size: clamp(12px, 1.35vw, 17px); margin: .75% 0 .35%; }
.c50-manual__function-table { border-collapse: collapse; table-layout: fixed; width: 100%; }
.c50-manual__function-table th,
.c50-manual__function-table td { border: 1px solid #32383f; padding: .35% .55%; text-align: center; vertical-align: middle; }
.c50-manual__function-table thead th { font-weight: 500; }
.c50-manual__function-table thead th:first-child,
.c50-manual__function-table tbody th { width: 8%; }
.c50-manual__function-table tbody th { color: var(--c50-manual-accent); font-family: Arial, sans-serif; font-weight: 700; }

.c50-manual__charge-top { margin: 0 auto; max-width: 91%; }
.c50-manual__charge-top .c50-manual__chip { margin-bottom: 2.2%; }
.c50-manual__tube-warning { margin-top: 3.2%; }
.c50-manual__tube-warning p { margin: .6em 0; }
.c50-manual__diagram--tube { margin: 2.8% auto 0; width: 84%; }
.c50-manual__diagram--tube figcaption { display: flex; font-size: clamp(9px, 1.05vw, 13px); gap: 8%; justify-content: space-between; line-height: 1.15; margin-top: .35em; }
.c50-manual__diagram--tube figcaption span { flex: 1 1 0; text-align: center; }

.c50-manual__slot-note { align-items: end; display: grid; gap: 2.3%; grid-template-columns: 46% 1fr; margin: 6% auto 0; position: static; width: 100%; }
.c50-manual__slot-note h4 { margin: 0 0 2%; }
.c50-manual__slot-note .c50-manual__compact-list li { margin: .28em 0; }
.c50-manual__slot-crop { background: #f9fafb; border: 1px solid #30343a; border-radius: 8px; margin: 0; overflow: hidden; }
.c50-manual__slot-crop img { display: block; height: auto; width: 100%; }

.c50-manual__sensor-row { align-items: center; display: grid; gap: 4%; grid-template-columns: 44% 1fr; }
/* The source diagram is intentionally shown in full.  The figure itself is
   the rounded clipping mask and owns the outline, so no raw image edge can
   protrude at any viewport width. */
.c50-manual__sensor-row figure {
  aspect-ratio: 1200 / 731;
  background: #fff;
  border: 2px solid #30343a;
  border-radius: 14px;
  box-sizing: border-box;
  display: grid;
  isolation: isolate;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  place-items: center;
}
.c50-manual__sensor-row figure img {
  display: block;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}
.c50-manual__sensor-row p { margin: .7em 0 0; }
.c50-manual__language { margin-top: 5%; }
.c50-manual__language h3,
.c50-manual__picture-interface h3,
.c50-manual__transfer-section h3,
.c50-manual__charging-guide h3,
.c50-manual__faq h3,
.c50-manual__environment h3 { color: var(--c50-manual-accent); }
.c50-manual__language p { margin: .7em 0; }
.c50-manual__language ol { list-style: none; margin: 0; padding: 0; }
.c50-manual__language li { margin: .3em 0; }
.c50-manual__picture-interface { margin-top: 5%; }
.c50-manual__photo-pair { display: grid; gap: 3.3%; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 2%; }
.c50-manual__photo-pair figure { margin: 0; text-align: center; }
.c50-manual__photo-pair img { border-radius: 7px; display: block; height: auto; width: 100%; }
.c50-manual__photo-pair figcaption { font-size: clamp(9px, 1.05vw, 13px); line-height: 1.18; margin-top: .75em; }

.c50-manual__transfer-section h3,
.c50-manual__charging-guide h3,
.c50-manual__faq h3 { margin-bottom: 1.5%; }
.c50-manual__transfer-section > p { margin: 0 0 2.2%; }
.c50-manual__transfer-route { align-items: center; display: grid; gap: 2%; grid-template-columns: 5% 16% minmax(0, 1fr) 18%; margin: 1.8% 0; }
.c50-manual__transfer-route > b { font-size: clamp(24px, 3.1vw, 38px); font-weight: 400; }
.c50-manual__transfer-route > img,
.c50-manual__transfer-route .c50-manual__card-icon { height: auto; max-height: 60px; object-fit: contain; width: 100%; }
.c50-manual__transfer-route > span { border-bottom: 1px solid #31353a; border-top: 1px solid #31353a; padding: .45em .25em; text-align: center; }
.c50-manual__transfer-route .c50-manual__transfer-device { justify-self: center; max-height: 94px; object-fit: contain; width: 72%; }
.c50-manual__fine-print { margin: 2.4% 0 0; }
.c50-manual__charging-guide { margin-top: 4.8%; }
.c50-manual__charging-guide ol { margin: .8em 0 0; padding-left: 1.1em; }
.c50-manual__charging-guide li { margin: .5em 0; }
.c50-manual__faq { margin-top: 4.5%; }
.c50-manual__faq p { margin: .95em 0; }

.c50-manual__help-copy { padding: 7.3% 6.7% 8.5%; }
.c50-manual__help-copy > p { margin: 0 0 2.7%; }
.c50-manual__environment { margin-top: 10%; }
.c50-manual__environment p { margin: .85em 0; }

.c50-manual__paper--specifications .c50-manual__chip { margin: 1% 0 5.5%; }
.c50-manual__spec-table { border-collapse: separate; border-spacing: 0; border: 1px solid #3a4148; border-radius: 8px; overflow: hidden; table-layout: fixed; width: 92%; }
.c50-manual__spec-table th,
.c50-manual__spec-table td { border-bottom: 1px solid #3a4148; padding: 1.8% 4%; text-align: left; }
.c50-manual__spec-table tr:last-child th,
.c50-manual__spec-table tr:last-child td { border-bottom: 0; }
.c50-manual__spec-table th { font-weight: 400; width: 46%; }

.c50-manual__sr-status { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

@keyframes c50-manual-page-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 767px) {
  .c50-manual { padding: 52px 16px 60px; }
  .c50-manual__header { margin-bottom: 20px; padding-left: 13px; }
  .c50-manual__header h2 { font-size: 34px; }
  .c50-manual__intro { font-size: 15px; }
  .c50-manual__tab-card { border-radius: 0; }
  .c50-manual__tabs { margin-bottom: 0; overflow: hidden; }
  .c50-manual__tab-list { display: flex; gap: 2px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .c50-manual__tab-list::-webkit-scrollbar { display: none; }
  .c50-manual__tab { flex: 0 0 auto; font-size: 12px; min-height: 58px; min-width: 112px; padding-inline: 11px; }
  .c50-manual__tab-list::after { content: ""; flex: 0 0 8px; }
  .c50-manual__pages { overflow: hidden; overscroll-behavior-x: contain; touch-action: pan-y; }
  .c50-manual__page { min-width: 0; width: 100%; }
  .c50-manual__paper { overflow: hidden; }
  .c50-manual__paper-body { padding: 32px 22px 28px; }
  .c50-manual__paper-body > *,
  .c50-manual__paper figure,
  .c50-manual__sensor-row > *,
  .c50-manual__slot-note > *,
  .c50-manual__transfer-route > * { max-width: 100%; min-width: 0; }
  .c50-manual__paper p,
  .c50-manual__paper li,
  .c50-manual__paper h3,
  .c50-manual__paper h4,
  .c50-manual__transfer-route > span { overflow-wrap: anywhere; }
  .c50-manual__original-page { padding: 0 22px 20px; }
  .c50-manual__paper h3 { font-size: 23px; }
  .c50-manual__paper h4 { font-size: 16px; }
  .c50-manual__paper p,
  .c50-manual__paper li,
  .c50-manual__paper td,
  .c50-manual__paper th { font-size: 13px; line-height: 1.42; }
  .c50-manual__paper--safety .c50-manual__page-title { font-size: 20px; }
  .c50-manual__manual-block + .c50-manual__manual-block { margin-top: 38px; }
  .c50-manual__diagram--controls,
  .c50-manual__diagram--tube { width: 100%; }
  .c50-manual__function-table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .c50-manual__function-table-wrap h4 { font-size: 15px; margin-bottom: 7px; }
  .c50-manual__function-table { font-size: 12px; min-width: 600px; }
  .c50-manual__function-table th,
  .c50-manual__function-table td { font-size: 12px; line-height: 1.3; overflow-wrap: normal; padding: 7px 6px; word-break: normal; }
  .c50-manual__function-table th:first-child,
  .c50-manual__function-table td:first-child { width: 30px; }
  .c50-manual__slot-note,
  .c50-manual__sensor-row { grid-template-columns: 1fr; }
  .c50-manual__slot-note { gap: 18px; margin-top: 32px; }
  .c50-manual__sensor-row { gap: 18px; }
  .c50-manual__language,
  .c50-manual__picture-interface { margin-top: 32px; }
  .c50-manual__photo-pair { gap: 14px; }
  .c50-manual__photo-pair figcaption { font-size: 11px; line-height: 1.35; }
  .c50-manual__transfer-route { gap: 8px; grid-template-columns: 28px 48px minmax(0, 1fr) 58px; margin: 15px 0; }
  .c50-manual__transfer-route > b { font-size: 28px; }
  .c50-manual__transfer-route > img,
  .c50-manual__transfer-route .c50-manual__card-icon { max-height: 42px; }
  .c50-manual__transfer-route .c50-manual__transfer-device { max-height: 64px; width: 100%; }
  .c50-manual__transfer-route > span { font-size: 12px; padding: .42em .1em; }
  .c50-manual__charging-guide,
  .c50-manual__faq,
  .c50-manual__environment { margin-top: 32px; }
  .c50-manual__paper--specifications .c50-manual__chip { margin: 0 0 28px; }
  .c50-manual__spec-table { width: 100%; }
  .c50-manual__spec-table th,
  .c50-manual__spec-table td { overflow-wrap: anywhere; padding: 11px 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .c50-manual__page,
  .c50-manual__tab { animation: none; transition: none; }
}