/* ==========================================================================
   S26FE Riverpage — Fullpage HTML
   Breakpoint: 720px (mobile-first). Below 720px = mobile layout/assets,
   720px and up = desktop (PC) layout/assets, capped at 1440px design width.
   ========================================================================== */

@font-face {
  font-family: "Samsung SS Head";
  src: url("assets/fonts/SamsungSSHead-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Samsung SS Head";
  src: url("assets/fonts/SamsungSSHead-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Samsung SS Head";
  src: url("assets/fonts/SamsungSSHead-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Samsung SS Head";
  src: url("assets/fonts/SamsungSSHead-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Samsung SS Body";
  src: url("assets/fonts/SamsungSSBody-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Samsung SS Body";
  src: url("assets/fonts/SamsungSSBody-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Samsung SS Body";
  src: url("assets/fonts/SamsungSSBody-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #fff;
  color: #000;
  font-family: "Samsung SS Body", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

img { display: block; width: 100%; height: auto; }

.page { width: 100%; }
.mo-page { display: block; }
.pc-page { display: none; }

@media (min-width: 720px) {
  .mo-page { display: none; }
  .pc-page { display: block; max-width: 1440px; margin: 0 auto; }
}

/* KV hero */
.kv img { width: 100%; }

/* Legal copy bars */
.legal { background: #fff; }
.legal p { font-family: "Samsung SS Body"; font-weight: 300; margin: 0 0 1em 0; }
.legal p:last-child { margin-bottom: 0; }
.pc-page .legal { padding: 48px 128px; }
.pc-page .legal p { font-size: 16px; line-height: 1.5; }
.mo-page .legal { padding: 48px 64px; }
.mo-page .legal p { font-size: 14px; line-height: 1.5; }

/* Section eyebrows */
.eyebrow { background: #fff; text-align: center; }
.eyebrow p { font-family: "Samsung SS Body"; color: #639CE4; font-weight: 700; text-transform: uppercase; margin: 0; }
.pc-page .eyebrow { padding: 48px 128px; }
.pc-page .eyebrow p { font-size: 24px; }
.mo-page .eyebrow { padding: 48px 64px; }
.mo-page .eyebrow p { font-size: 20px; }

/* Section headline (e.g. "Check out the camera specs.") */
.section-headline { background: #F4F4F4; text-align: center; }
.section-headline p { font-family: "Samsung SS Head"; font-weight: 700; margin: 0; }
.pc-page .section-headline { padding: 40px 128px; }
.pc-page .section-headline p { font-size: 48px; line-height: 1.2; }
.mo-page .section-headline { padding: 32px 64px; }
.mo-page .section-headline p { font-size: 32px; line-height: 1.2; }

/* Hero / spec product image directly under an eyebrow */
.fullpage-img { width: 100%; overflow: hidden; background: #F4F4F4; }
.fullpage-img img { width: 100%; object-fit: cover; }
.pc-page .fullpage-img img { max-height: 800px; object-fit: cover; }
.mo-page .fullpage-img img { max-height: 500px; object-fit: cover; }

/* Feature module: image + headline pair */
.image-copy { background: #fff; display: flex; align-items: center; }
.pc-page .image-copy { padding: 48px 128px; justify-content: space-between; gap: 40px; }
.mo-page .image-copy { padding: 32px 64px; flex-direction: column; align-items: flex-start; gap: 24px; }

.head-body { display: flex; flex-direction: column; gap: 24px; }
.pc-page .head-body { width: 580px; flex-shrink: 0; }
.mo-page .head-body { width: 100%; }

.headline { font-family: "Samsung SS Head"; font-weight: 700; margin: 0; text-align: center; }
.pc-page .headline { font-size: 48px; line-height: 1.2; text-align: left; }
.mo-page .headline { font-size: 32px; line-height: 1.2; }

.image-container { flex-shrink: 0; overflow: hidden; border-radius: 24px; }
.pc-page .image-container { width: 540px; }
.mo-page .image-container { width: 100%; }
.image-container img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Battery / display modules have a secondary caption strip under the main image */
.image-container .caption-strip { border-radius: 0; margin-top: 8px; }
.image-container .caption-strip img { object-fit: contain; }

/* "Switching made simple" centered block */
.head-body-center { background: #fff; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; }
.pc-page .head-body-center { padding: 48px 128px; }
.pc-page .head-body-center .headline { text-align: center; }
.mo-page .head-body-center { padding: 48px 64px; }

.body-copy { font-family: "Samsung SS Body"; font-weight: 400; margin: 0; text-align: center; }
.pc-page .body-copy { font-size: 24px; line-height: 1.5; }
.mo-page .body-copy { font-size: 18px; line-height: 1.5; }

/* Footer image module (switch-to-galaxy logos strip) */
.image-module { width: 100%; }
.image-module .fullpage-img { background: #fff; display: flex; align-items: center; justify-content: center; padding: 24px 0; }
.pc-page .image-module .fullpage-img img { max-width: 60%; margin: 0 auto; object-fit: contain; max-height: 320px; width: auto; }
.mo-page .image-module .fullpage-img img { max-width: 82%; margin: 0 auto; object-fit: contain; max-height: 383px; width: auto; }