/* ==========================================================================
   MY QuSome skin-test LP -- grouped by component/section
   ========================================================================== */

/* ---------- RESET & BASE ELEMENTS ---------- */
* { box-sizing:border-box;-webkit-text-size-adjust:100% }
img { max-width:100%;display:block }
[hidden] { display:none!important }
p { margin:0 }
@media (prefers-reduced-motion:reduce) {
  * { transition:none!important;animation:none!important }
}

/* ---------- PAGE CANVAS (html / body / root font) ---------- */
html { background:#f4f2ed;color-scheme:light }
.page-all {
  margin:0;
  background:#fff;
  color:#222;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",
  "Hiragino Sans","Yu Gothic Medium","Yu Gothic","Meiryo",sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:2;
  letter-spacing:.04em;
  -webkit-font-smoothing:antialiased;
  padding-bottom:74px;
  font-family:"Noto Sans JP","Noto Sans Medium","Yu Gothic","YuGothic",
  "æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“","Yu Gothic Medium","Hiragino Sans",sans-serif;
}
@media (min-width:760px) {
  .page-all { padding-bottom:0 }
}
@media (max-width:759.98px) {
  .page-all { font-size:15px; }
}

/* ---------- LAYOUT CONTAINER (.wrap / section rhythm / main column) ---------- */
.wrap { width:100%;max-width:560px;margin:0 auto;padding:0 80px }
section { padding:104px 0 108px;}
section+section { border-top:1px solid #9d9d9d; }
section .body {
  margin-top:17px;
  color:#4d4d4d;
  font-size:12.5px;
  font-weight:400;
  line-height:2.08;
}
section .wrap { position:relative; }
section { padding:88px 0 92px; }
section .body {
  margin-top:28px;
  color:#1d1d1d;
  font-size:15px;
  line-height:2.05;
  letter-spacing:.045em;
}
main {
  width:100%;
  max-width:560px;
  margin:0 auto;
  background:#fff;
}
main > .wrap[style] {
  padding-top:46px !important;
  padding-bottom:30px !important;
}
@media (max-width:759.98px) {
  .wrap { padding-left:20px;padding-right:20px }
  section { padding:58px 0 }
  section { padding:72px 0 76px; }
  section .body { font-size:14px; }
}
@media (min-width:760px) {
  .wrap {
    max-width:560px;
    padding-left:80px;
    padding-right:80px;
  }
}
@media (max-width:559.98px) {
  .wrap {
    padding-left:36px !important;
    padding-right:36px !important;
  }
  section {
    padding-top:86px !important;
    padding-bottom:90px !important;
  }
}

/* ---------- TYPOGRAPHY (h1-h3, eyebrow, section label / pill) ---------- */
h1,h2,h3 {
  margin:0;
  color:#222;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",
  "Hiragino Sans","Yu Gothic Medium","Yu Gothic","Meiryo",sans-serif;
  font-weight:500;
  letter-spacing:.055em;
  text-wrap:balance;
}
.eyebrow,.sec-label,.slot-tag,.step-n,.prod h3 { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
.eyebrow {
  margin:0 0 18px;
  color:#202020;
  font-size:10px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.sec-label {
  margin:0 0 14px;
  color:#242424;
  font-size:10px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:.18em;
  text-transform:uppercase;
}
h1 {
  font-size:36px;
  line-height:1.52;
  letter-spacing:.045em;
}
h2 {
  font-size:23px;
  line-height:40px;
  letter-spacing:0;
}
h3 {
  color:#743600;
  font-size:18px;
  line-height:1.6;
  letter-spacing:0;
}
.eyebrow,.section-en,.slot-tag,.step-n,.prod h3 { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
.eyebrow {
  margin-bottom:24px;
  color:#1f1f1f;
  font-size:16px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:.10em;
  text-transform:none;
}
.section-en {
  margin:0 0 19px;
  color:#1e1e1e;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:22px;
  line-height:1.25;
  font-weight:400;
  letter-spacing:.045em;
}
.section-pill {
  position:absolute;
  top:0;
  right:20px;
  min-width:168px;
  height:34px;
  margin:0;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #9d9d9d;
  border-radius:999px;
  background:#fff;
  color:#333;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",
  "Hiragino Kaku Gothic ProN","Hiragino Sans",
  "Yu Gothic Medium","Yu Gothic","Meiryo",sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:400;
  letter-spacing:.08em;
  white-space:nowrap;
}
section .section-en { padding-top:48px; }
.eyebrow,.section-en {
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  letter-spacing:.08em !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  text-transform:none !important;
}
.section-pill {
  color:#777 !important;
  font-size:11px !important;
  height:28px !important;
}
.section-pill { right:20px !important; }
section .section-en {
  padding-top:54px !important;
  margin-bottom:22px !important;
}
h1 {
  font-size:23px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
@media (max-width:759.98px) {
  h1 { font-size:25px }
  h2 { font-size:20px }
  h1 {
    font-size:30px;
    line-height:1.55;
  }
  h2 {
    font-size:26px;
    line-height:1.58;
  }
  .eyebrow { font-size:15px; }
  .section-en {
    font-size:19px;
    margin-bottom:17px;
  }
  section .section-en { padding-top:46px; }
  .section-pill {
    right:20px;
    min-width:150px;
    height:32px;
    padding:0 16px;
    font-size:11px;
  }
}
@media (min-width:760px) {
  .section-pill { right:0; }
  .section-pill { right:20px !important; }
}
@media (max-width:559.98px) {
  .section-pill { right:20px !important; }
}

/* ---------- HERO (main visual, lead copy, schedule, meta chips) ---------- */
.hero { padding:72px 0 8px }
.hero h1 { max-width:500px }
.hero .lead {
  margin-top:24px;
  color:#4b4b4b;
  font-size:13px;
  font-weight:400;
  line-height:2.1;
  letter-spacing:.040em;
}
.schedule {
  margin-top:34px;
  border-top:1px solid #cfcfcf;
  border-bottom:1px solid #e3e3e3;
}
.schedule dl { margin:0;display:grid;grid-template-columns:88px 1fr }
.schedule dt,.schedule dd {
  margin:0;
  padding:12px 0;
  border-bottom:1px solid #e8e8e8;
  font-size:12px;
  line-height:1.8;
}
.schedule dl>:nth-last-child(1),.schedule dl>:nth-last-child(2) { border-bottom:0 }
.schedule dt {
  padding-right:16px;
  color:#858585;
  font-weight:400;
  white-space:nowrap;
}
.schedule dd { color:#222;font-weight:400 }
.schedule .now { color:#222;font-weight:500 }
.meta {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin:26px 0 0;
  padding:0;
  background: #f7f7f7;
}
.meta li {
  list-style:none;
  position:relative;
  padding:10px 14px;
  color:#626262;
  font-size:10.5px;
  font-weight: 500;
  line-height:1.6;
  letter-spacing:.06em;
}
.meta li:not(:last-child)::after {
  content:"";
  position:absolute;
  right:0;top:10px;bottom:10px;
  width:1px;background:#dfdfdf;
}
.hero .lead {
  margin-top:32px;
  color:#333;
  font-size:16px;
  line-height:2.05;
  letter-spacing:.040em;
}
.hero {
  padding-top:0px;
  padding-bottom:104px;
  border-bottom: 1px solid #9d9d9d;
}
.schedule { margin-top:40px }
.schedule dt,.schedule dd {
  padding:15px 0;
  font-size:14px;
}
.schedule { margin-top:48px !important; }
.main-visual {
  width:100%;
  margin:0 0 72px;
  padding:0;
}
.main-visual img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
@media (max-width:759.98px) {
  .hero { padding-top:54px }
  .hero { padding-top:62px; }
  .hero .lead { font-size:15px; }
}
@media (max-width:559.98px) {
  .hero {
    padding-top:76px !important;
    padding-bottom:38px !important;
  }
  .main-visual { margin-bottom:56px; }
}

/* Consolidated fix: earlier rules above left mobile with an inconsistent,
   oversized gap under the main visual (up to ~164px on narrow phones vs
   ~104px on wider ones). Force one consistent, tighter value for all
   mobile widths. */
@media (max-width:759.98px) {
  .main-visual { margin-bottom:32px !important; }
  .hero { padding-top:0 !important; }
}

/* ---------- CTA BUTTONS ---------- */
.cta-zone { margin-top:25px }
.btn {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:54px;
  padding:13px 18px;
  border:1px solid #242424;
  border-radius:0;
  background:#242424;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:.08em;
  min-height:60px;
}
.btn::after {
  content:"";
  display:inline-block;
  width:7px;
  height:11px;
  margin-left:13px;
  background:url(/template/default/img/sp/myq-skintest/btn_arrow_wh.png) no-repeat center/contain;
}
.btn:hover { background:#fff;color:#222 }
.cta-sub {
  margin-top:10px;
  color:#787878;
  text-align:center;
  font-size:12px;
  line-height:1.7;
}
.cta-zone { margin-top:34px !important; }

/* ---------- RESPONSIVE VISIBILITY (mobile CTA button vs. desktop QR card) ---------- */
@media (min-width:760px) {
  .sp-only { display:none!important }
}
@media (max-width:759.98px) {
  .pc-only { display:none!important }
}

/* ---------- QR CARD (desktop-only QR block) ---------- */
.qr-card {
  display:grid;
  grid-template-columns:104px 1fr;
  gap:20px;
  align-items:center;
  padding:18px;
  border-top:1px solid #2c2c2c;
  border-bottom:1px solid #2c2c2c;
  background:#fff;
}
.qr-box {
  width:104px;height:104px;
  display:grid;place-content:center;
  background:transparent;
  color:#8b8b8b;
  padding:0;
  text-align:center;
  font-size:9px;
  line-height:1.7;
  letter-spacing:.06em;
  overflow:hidden;
}
.qr-card h3 { font-weight:500;line-height:1.8 }
.qr-card p { margin-top:5px;color:#666;font-size:11px;line-height:1.9 }
.qr-links { display:flex;flex-wrap:wrap;gap:14px;margin-top:10px }
.qr-links a {
  color:#222;
  font-size:10.5px;
  text-underline-offset:3px;
}
.qr-box img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* ---------- IMAGE PLACEHOLDERS (mock frames for uploaded photos) ---------- */
.slot {
  --ar:4/3;
  aspect-ratio:var(--ar);
  margin:0;
  padding:24px 18px;
  display:grid;
  place-content:center;
  border:0;
  background:#f4f4f2;
  text-align:center;
}
.slot-tag {
  display:block;
  margin-bottom:8px;
  color:#717171;
  font-size:9px;
  font-weight:400;
  line-height:1.2;
  letter-spacing:.18em;
}
.slot p {
  color:#656565;
  font-size:11px;
  line-height:1.85;
}
.slot p small {
  display:block;
  margin-top:5px;
  color:#929292;
  font-size:9.5px;
}
.slot-tag { font-size:10px; }
.slot p { font-size:13px; }
.slot p small { font-size:11px; }
.image-slot {
  display:block !important;
  width:100%;
  height:auto;
  min-height:0;
  margin:0;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  aspect-ratio:auto !important;
}
.image-slot img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
}

/* ---------- STEPS ("How it works") ---------- */
.steps {
  margin:30px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid #242424;
}
.steps li {
  display:grid;
  grid-template-columns:62px 1fr;
  gap:0;
  padding:20px 0 21px;
  border-bottom:1px solid #dedede;
}
.steps li::before { display:none }
.step-n {
  width:auto;height:auto;
  display:block;
  border:0;border-radius:0;
  background:transparent;
  color:#222;
  font-size:20px;
  font-weight:300;
  line-height:1.2;
  letter-spacing:.03em;
}
.steps h3 { font-size:14px;font-weight:400 }
.steps p {
  margin-top:5px;
  color:#606060;
  font-size:11.5px;
  font-weight:400;
  line-height:1.95;
}
.steps { margin-top:38px; }
.steps li {
  grid-template-columns:76px 1fr;
  padding:25px 0 26px;
}
.step-n { font-size:27px; }
.steps h3 {
  font-size:18px;
  line-height:1.75;
}
.steps p {
  margin-top:8px;
  color:#4b4b4b;
  font-size:14px;
  line-height:1.95;
}
.steps { margin-top:46px !important; }
.steps li {
  padding-top:30px !important;
  padding-bottom:31px !important;
}
@media (max-width:759.98px) {
  .steps { margin-top:26px }
  .steps li { grid-template-columns:56px 1fr }
  .steps h3 { font-size:16px; }
  .steps p { font-size:13px; }
}

/* ---------- RESULTS (AI analysis sample) ---------- */
.result-list {
  margin:23px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid #242424;
}
.result-list li {
  position:relative;
  padding:12px 0;
  border-bottom:1px solid #e2e2e2;
  color:#5b5b5b;
  font-size:11.5px;
  line-height:1.85;
}
.result-list li::before { display:none }
.result-list b {
  color:#222;
  font-weight:500;
}
.result-list li {
  padding:15px 0;
  color:#444;
  font-size:14px;
  line-height:1.9;
}
.result-list b { font-size:15px; }
.result-list { margin-top:32px !important; }
@media (max-width:759.98px) {
  .result-list li { font-size:13px; }
}

/* ---------- RESULT / PRODUCT IMAGE GRID (.grid2, shared by Results & Products) ---------- */
.grid2 { display:grid;gap:14px;margin-top:27px }
.grid2 {
  margin-top:38px !important;
  gap:18px !important;
}
.grid2 .image-slot { border:1px #ccc solid !important; }
.grid2 .image-slot { border:0 !important; }
.grid2 { gap:0 !important; }
@media (min-width:540px) {
  .grid2 { grid-template-columns:1fr 1fr }
  .grid2 { gap:20px !important; }
}
@media (max-width:539.98px) {
  .grid2 { gap:20px !important; }
}

/* ---------- PHOTO & PRIVACY ---------- */
.privacy {
  margin-top:38px;
  padding:25px 0;
  border-top:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;
  border-left:0;
  background:#fff;
}
.privacy ul { margin:0;padding:0;list-style:none;display:grid;gap:6px }
.privacy li {
  position:relative;
  padding-left:13px;
  color:#5e5e5e;
  font-size:14px;
  line-height:1.95;
}
.privacy li::before { content:"・";position:absolute;left:0;color:#222 }
.privacy a { color:#222;text-underline-offset:3px }
@media (max-width:759.98px) {
  .privacy li { font-size:13px; }
}

/* ---------- PRODUCTS (MY QuSome LOTION / CREAM) ---------- */
.prod {
  padding:0;
  border:0;
  background:#fff;
}
.prod .slot { aspect-ratio:1/1;background:#f5f5f3 }
.prod h3 {
  margin-top:12px;
  color:#222;
  font-size:11px;
  font-weight:bold;
  letter-spacing:.07em;
}
.prod p { margin-top:2px;color:#888;font-size:10px }
.aside-note {
  margin-top:21px;
  padding:13px 0;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background:transparent;
  color:#616161;
  font-size:10.5px;
  line-height:1.9;
}
.prod h3 {
  margin-top:15px;
  font-size:14px;
}
.prod p { font-size:12px; }
.aside-note {
  margin-top:28px;
  padding:17px 0;
  font-size:13px;
  line-height:1.95;
}
.aside-note { margin-top:34px !important; }
.prod .image-slot {
  aspect-ratio:auto !important;
  background:transparent !important;
}

/* ---------- MY QuSome BRAND READING (ruby-style reading under the name) ---------- */
.myq-reading {
  display:inline-block;
  margin:0 .45em;
  font-size:10px;
  line-height:1;
  font-weight:400;
  vertical-align:middle;
  letter-spacing:.05em;
  color:#777;
}
.myq-word {
  position:relative;
  display:inline-block;
  margin-right:.12em;
  padding-bottom:10px;
  white-space:nowrap;
}
.myq-reading-under {
  position:absolute;
  left:0;
  right:0;
  top:25px;
  display:block;
  color:#333;
  font-size:8px;
  font-weight:400;
  line-height:1;
  letter-spacing:.08em;
  text-align:center;
  white-space:nowrap;
}
.myq-reading { display:none !important; }
.myq-word {
  position:relative;
  display:inline-block;
  margin-right:.12em;
  padding-bottom:14px !important;
  vertical-align:top;
}
.myq-reading-under {
  position:absolute;
  left:0;
  right:0;
  top:30px !important;
  display:block;
  font-size:10px;
  line-height:1 !important;
  text-align:center;
  white-space:nowrap;
}
.myq-reading-under { top:35px !important; }

/* ---------- FAQ ACCORDION ---------- */
.faq { margin-top:24px;border-top:1px solid #242424 }
.faq details { border-bottom:1px solid #ddd }
.faq summary {
  cursor:pointer;
  list-style:none;
  position:relative;
  padding:15px 30px 15px 0;
  color:#222;
  font-size:12.5px;
  font-weight:400;
  line-height:1.8;
}
.faq summary::-webkit-details-marker { display:none }
.faq summary::after {
  content:"＋";
  position:absolute;
  right:1px;top:14px;
  color:#222;
  font-size:14px;
  font-weight:300;
}
.faq details[open] summary::after { content:"−" }
.faq .ans {
  padding:0 0 17px;
  color:#5d5d5d;
  font-size:11.5px;
  font-weight:400;
  line-height:1.9;
}
.tbd {
  display:inline-block;
  margin-right:7px;
  padding:1px 6px;
  border:1px solid #aaa;
  background:#fff;
  color:#777;
  font-size:9px;
  line-height:1.5;
  letter-spacing:.06em;
}
.faq { margin-top:32px; }
.faq summary {
  padding:20px 36px 20px 0;
  font-size:15px;
  line-height:1.8;
}
.faq summary::after {
  top:19px;
  font-size:17px;
}
.faq .ans {
  padding-bottom:22px;
  color:#444;
  font-size:14px;
  line-height:2;
}
.faq { margin-top:40px !important; }
.faq details { display:none !important; }
.faq-item { border-bottom:1px solid #ddd; }
.faq-question {
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  margin:0;
  padding:20px 40px 20px 0;
  position:relative;
  display:block;
  border:0;
  background:transparent;
  color:#222;
  font:inherit;
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:inherit;
  text-align:left;
  cursor:pointer;
}
.faq-question-text { display:block; }
.faq-icon {
  position:absolute;
  right:2px;
  top:50%;
  width:16px;
  height:16px;
  transform:translateY(-50%) rotate(0deg);
  transition:transform .38s cubic-bezier(.22,.61,.36,1);
}
.faq-icon::before,.faq-icon::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:1px;
  background:#222;
  transform-origin:center;
  transition:
  transform .38s cubic-bezier(.22,.61,.36,1),
  opacity .28s ease;
}
.faq-icon::before { transform:translate(-50%,-50%) rotate(0deg); }
.faq-icon::after { transform:translate(-50%,-50%) rotate(90deg); }
.faq-item.is-open .faq-icon { transform:translateY(-50%) rotate(180deg); }
.faq-item.is-open .faq-icon::after {
  transform:translate(-50%,-50%) rotate(180deg);
  opacity:0;
}
.faq-answer-wrap {
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:
  grid-template-rows .42s cubic-bezier(.22,.61,.36,1),
  opacity .30s ease;
}
.faq-answer-inner {
  min-height:0;
  overflow:hidden;
}
.faq-item.is-open .faq-answer-wrap {
  grid-template-rows:1fr;
  opacity:1;
}
.faq .faq-item .ans {
  padding:0 0 22px;
  color:#444;
  font-size:14px;
  line-height:2;
}
@media (max-width:759.98px) {
  .faq .ans { font-size:13px; }
  .faq summary { font-size:14px; }
  .faq-question {
    font-size:14px;
    padding-top:18px;
    padding-bottom:18px;
  }
  .faq .faq-item .ans { font-size:13px; }
}

/* ---------- CLOSING CTA ("READY TO START") ---------- */
.closing {
  padding:72px 0 76px;
  border-top:1px solid #e4e4e4;
  background:#fdfdfd;
}
.closing .eyebrow,.closing h2,.closing .body { text-align:center }
.closing .body {
  margin-left:auto;margin-right:auto;
  color:#666;
  font-size:11px;
}
.closing .cta-zone { margin-top:26px }
.closing .btn { max-width:440px;margin:0 auto }
.closing {
  padding-top:90px;
  padding-bottom:94px;
}
.closing .eyebrow {
  font-size:20px;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.closing .body {
  margin-top:21px;
  font-size:14px;
}
.closing .eyebrow {
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  letter-spacing:.08em !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}
.closing {
  padding-top:108px !important;
  padding-bottom:112px !important;
}
.closing .cta-zone { margin-top:36px !important; }

/* ---------- MOBILE STICKY CTA BAR ---------- */
.myq-cta-bar {
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:20;
  padding:9px 12px calc(9px + env(safe-area-inset-bottom));
  border-top:1px solid #ddd;
  background:#fff;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
  -webkit-transition:-webkit-transform .38s cubic-bezier(.22,.61,.36,1),opacity .3s ease;
  transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .3s ease;
  opacity:0;
  pointer-events:none;
  will-change:transform;
}
.myq-cta-bar.is-visible {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  opacity:1;
  pointer-events:auto;
}
.myq-cta-bar .btn { min-height:48px;font-size:11.5px }
@media (prefers-reduced-motion:reduce) {
  .myq-cta-bar { transition:opacity .2s ease }
}

/* ---------- SITE-WIDE STICKY-HEADER SCROLL-JUMP FIX ---------- */
/* Kill the site-wide sticky-header layout shift on this LP: toggling body.sticky
   (js/function.js, scrollTop>50) makes #header switch to position:fixed and adds
   margin-top:50px to .cd-main-content, which shrinks page height right at the 50px
   mark and un-toggles sticky again - an infinite scroll-jump loop. Freeze both
   properties so the class add/remove is a no-op here. */
body.sticky .cd-main-content { margin-top:0!important }

