/* momojord editorial+components — scoped under .mj-scope (generated by scripts/scope-css.py). */
.mj-scope .home-hero{
  position: relative;
  min-height: 720px;
  display: grid; align-items: end;
  overflow: hidden;
  color: #f3efe4;
}.mj-scope .home-hero .bg{
  position: absolute; inset: 0; z-index: 0;
  background:
    linear-gradient(180deg, rgba(20,24,15,0) 0%, rgba(20,24,15,0.1) 30%, rgba(20,24,15,0.78) 100%),
    url("https://www.momojord.se/wp-content/uploads/2025/03/underquilt-hammock-solned-2025_1440.jpg") center/cover no-repeat;
}.mj-scope .home-hero .inner{ position: relative; z-index: 1; padding: 140px 0 80px; }.mj-scope .home-hero .inner > .wrap{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end; gap: 40px;
}.mj-scope .home-hero .label{
  font-family: var(--ff-mono); font-size: 11px;
  letter-spacing: .18em; text-transform: uppercase;
  color: #f3c95c;
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 28px;
}.mj-scope .home-hero .label::before{ content:""; width: 36px; height: 1px; background: #f3c95c; }.mj-scope .home-hero h1{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: clamp(72px, 10vw, 168px);
  line-height: 0.9; letter-spacing: -.03em;
  text-shadow: 0 2px 24px rgba(0,0,0,.32);
  max-width: 14ch;
}.mj-scope .home-hero h1 em{ font-style: italic; color: #f3c95c; }.mj-scope .home-hero .sub{
  margin-top: 28px; max-width: 56ch;
  font-size: 18px; line-height: 1.55;
  color: color-mix(in oklab, #f3efe4 90%, transparent);
  text-shadow: 0 1px 6px rgba(0,0,0,.4);
}.mj-scope .home-hero .ctas{
  margin-top: 36px;
  display: flex; gap: 12px; flex-wrap: wrap;
}.mj-scope .home-hero .btn-ember{
  background: #f3c95c; color: var(--ink); border: 0;
}.mj-scope .home-hero .btn-ember:hover{ background: #ffd87a; }.mj-scope .home-hero .btn-outline-light{
  background: transparent; color: #f3efe4;
  border: 1px solid color-mix(in oklab, #f3efe4 40%, transparent);
}.mj-scope .home-hero .btn-outline-light:hover{ border-color: #f3efe4; }.mj-scope .home-hero-side{
  text-align: right;
  font-family: var(--ff-mono); font-size: 11px;
  letter-spacing: .14em; text-transform: uppercase;
  color: color-mix(in oklab, #f3efe4 80%, transparent);
}.mj-scope .home-hero-side .big{
  display: block;
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-style: italic;
  font-size: 56px; line-height: 1; letter-spacing: -.02em;
  color: #f3c95c; text-transform: none;
}.mj-scope .home-hero-side .stars-row{
  margin-top: 12px;
  color: color-mix(in oklab, #f3efe4 80%, transparent);
}.mj-scope .home-hero-side .stars-row .stars{ color: #f3c95c; }.mj-scope .usp{
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  background: var(--paper-2);
}.mj-scope .usp-grid{ display: grid; grid-template-columns: repeat(4, 1fr); }.mj-scope .usp-item{
  display: flex; align-items: center; gap: 14px;
  padding: 22px 28px;
  border-right: 1px solid var(--hairline);
  font-size: 13px;
}.mj-scope .usp-item:last-child{ border-right: 0; }.mj-scope .usp-item .ic{
  width: 38px; height: 38px; flex: none;
  display: flex; align-items: center; justify-content: center;
  color: var(--brand); font-size: 22px; line-height: 1;
}.mj-scope .usp-item .ic svg{ width: 22px; height: 22px; }.mj-scope .usp-item b{ display: block; font-weight: 600; color: var(--ink); }.mj-scope .usp-item span{ color: var(--ink-mute); font-size: 12px; }.mj-scope .cat-showcase{ padding: 96px 0; }.mj-scope .cat-grid{
  display: grid; grid-template-columns: 1.4fr 1fr 1fr;
  grid-template-rows: 320px 320px;
  gap: 12px;
}.mj-scope .cat-card{
  position: relative; overflow: hidden;
  border-radius: 8px; background: var(--paper-2);
  transition: transform .35s ease;
  display: block;
}.mj-scope .cat-card:hover{ transform: translateY(-3px); }.mj-scope .cat-card.tall{ grid-row: span 2; }.mj-scope .cat-card img{ width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }.mj-scope .cat-card:hover img{ transform: scale(1.05); }.mj-scope .cat-card::after{
  content:""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(20,24,15,0) 35%, rgba(20,24,15,0.78) 100%);
}.mj-scope .cat-card .cat-body{
  position: absolute; left: 24px; right: 24px; bottom: 22px;
  color: #f3efe4; z-index: 2;
  display: flex; justify-content: space-between; align-items: end;
}.mj-scope .cat-card .cat-meta{
  font-family: var(--ff-mono); font-size: 10px;
  letter-spacing: .14em; text-transform: uppercase;
  color: color-mix(in oklab, #f3efe4 78%, transparent);
  margin-bottom: 6px;
}.mj-scope .cat-card h3{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: 36px; line-height: 1; letter-spacing: -.02em;
}.mj-scope .cat-card h3 em{ font-style: italic; color: #f3c95c; }.mj-scope .cat-card.tall h3{ font-size: 64px; }.mj-scope .cat-card .cat-price{
  font-family: var(--ff-mono); font-size: 11px;
  letter-spacing: .1em; text-transform: uppercase;
  text-align: right;
  color: color-mix(in oklab, #f3efe4 80%, transparent);
}.mj-scope .cat-card .cat-price b{
  display: block;
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-style: italic; font-size: 22px; letter-spacing: -.01em;
  color: #f3efe4; text-transform: none; margin-top: 2px;
}.mj-scope .featured-section{ padding: 96px 0; background: var(--paper-2); border-top: 1px solid var(--hairline); }.mj-scope .featured-grid{
  display: grid; grid-template-columns: 1.1fr 1fr;
  gap: 56px; align-items: center;
}.mj-scope .featured-grid .art{
  aspect-ratio: 4/5;
  border-radius: 12px; overflow: hidden;
  background: var(--paper-3); position: relative;
}.mj-scope .featured-grid .art img{ width: 100%; height: 100%; object-fit: cover; }.mj-scope .featured-grid .art .badge{
  position: absolute; top: 20px; left: 20px;
  background: var(--ember); color: white;
  padding: 8px 16px; border-radius: 999px;
  font-family: var(--ff-mono); font-size: 11px;
  letter-spacing: .12em; text-transform: uppercase;
}.mj-scope .featured-grid h2{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: clamp(40px, 5vw, 72px);
  line-height: 1; letter-spacing: -.025em;
  margin-bottom: 18px;
}.mj-scope .featured-grid h2 em{ font-style: italic; color: var(--brand); }.mj-scope .featured-grid .desc{
  color: var(--ink-soft); font-size: 17px; line-height: 1.6;
  max-width: 50ch; margin-bottom: 20px;
}.mj-scope .featured-grid .specs{
  display: grid; grid-template-columns: repeat(3, 1fr);
  margin: 24px 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}.mj-scope .featured-grid .spec{ padding: 14px 16px; border-right: 1px solid var(--hairline); }.mj-scope .featured-grid .spec:last-child{ border-right: 0; padding-left: 16px; }.mj-scope .featured-grid .spec .k{
  font-family: var(--ff-mono); font-size: 10px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink-mute);
}.mj-scope .featured-grid .spec .v{
  margin-top: 4px;
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-style: italic;
  font-size: 24px; letter-spacing: -.01em;
}.mj-scope .featured-grid .buy-row{
  display: flex; align-items: baseline; gap: 16px; margin: 20px 0;
}.mj-scope .featured-grid .price-now{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: 44px; line-height: 1; letter-spacing: -.015em;
}.mj-scope .featured-grid .price-was{ font-size: 18px; color: var(--ink-mute); text-decoration: line-through; }.mj-scope .featured-grid .price-save{
  background: var(--ember); color: white;
  padding: 4px 10px; border-radius: 999px;
  font-family: var(--ff-mono); font-size: 10px;
  letter-spacing: .08em; text-transform: uppercase;
}.mj-scope .config-promo{
  background: var(--ink); color: var(--paper);
  border-radius: 12px; overflow: hidden;
  display: grid; grid-template-columns: 1fr 1.2fr;
  align-items: stretch;
  margin: 0;
}.mj-scope .config-promo .body{ padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; }.mj-scope .config-promo .body .eyebrow{ color: var(--gold); }.mj-scope .config-promo .body h2{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: clamp(40px, 5vw, 72px);
  line-height: 1.02; letter-spacing: -.025em;
  margin: 14px 0 18px;
}.mj-scope .config-promo .body h2 em{ font-style: italic; color: var(--gold); }.mj-scope .config-promo .body p{ color: color-mix(in oklab, var(--paper) 80%, transparent); max-width: 44ch; margin-bottom: 24px; font-size: 16px; line-height: 1.6; }.mj-scope .config-promo .art{ aspect-ratio: 4/3; overflow: hidden; }.mj-scope .config-promo .art img{ width: 100%; height: 100%; object-fit: cover; }.mj-scope .config-promo .btn-gold{ background: var(--gold); color: var(--ink); border: 0; }.mj-scope .config-promo .btn-gold:hover{ background: #ffd87a; }.mj-scope .testimonials-section{ padding: 96px 0; }.mj-scope .test-head{
  display: grid; grid-template-columns: auto 1fr auto;
  gap: 32px; align-items: end;
  margin-bottom: 40px;
}.mj-scope .test-head .score{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-style: italic;
  font-size: 96px; line-height: 1; letter-spacing: -.025em;
  color: var(--brand);
}.mj-scope .test-head h2{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: clamp(36px, 4vw, 56px); letter-spacing: -.02em;
  line-height: 1.02;
}.mj-scope .test-head h2 em{ font-style: italic; color: var(--brand); }.mj-scope .test-head .meta{ font-size: 13px; color: var(--ink-soft); }.mj-scope .test-head .meta .stars{ display: block; margin-bottom: 6px; }.mj-scope .test-head .src{
  text-align: right;
  font-family: var(--ff-mono); font-size: 11px;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-mute);
}.mj-scope .test-grid{
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}.mj-scope .test{
  background: var(--card);
  border: 1px solid var(--hairline);
  border-radius: 10px;
  padding: 28px;
  display: flex; flex-direction: column; gap: 14px;
}.mj-scope .test .stars{ color: #d29a2a; letter-spacing: 2px; font-size: 16px; }.mj-scope .test blockquote{
  margin: 0;
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: 19px; line-height: 1.4; letter-spacing: -.005em;
}.mj-scope .test .who{
  margin-top: auto; display: flex; align-items: center; gap: 10px;
  padding-top: 14px; border-top: 1px solid var(--hairline);
}.mj-scope .test .av{
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--paper-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display); font-weight: var(--display-weight); color: var(--ink-soft);
}.mj-scope .test .name{ font-size: 13px; font-weight: 500; }.mj-scope .test .src{ font-size: 11px; color: var(--ink-mute); }.mj-scope .maker-quote{
  position: relative; min-height: 540px;
  background-size: cover; background-position: center;
  background-image:
    linear-gradient(180deg, rgba(20,24,15,0.2) 0%, rgba(20,24,15,0.65) 100%),
    url("https://www.momojord.se/wp-content/uploads/2025/03/hammockvila_1280_1280.jpg");
  background-repeat: no-repeat;
  display: grid; place-items: center;
  color: #f3efe4;
  margin: 96px 0;
  border-radius: 12px; overflow: hidden;
}.mj-scope .maker-quote blockquote{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: clamp(32px, 4.4vw, 60px);
  line-height: 1.15; letter-spacing: -.02em;
  text-align: center;
  max-width: 22ch;
  margin: 0; padding: 0 32px;
  text-shadow: 0 2px 18px rgba(0,0,0,.3);
}.mj-scope .maker-quote blockquote em{ font-style: italic; color: #f3c95c; }.mj-scope .maker-quote cite{
  display: block; margin-top: 28px;
  font-family: var(--ff-mono); font-size: 11px;
  letter-spacing: .16em; text-transform: uppercase;
  color: color-mix(in oklab, #f3efe4 70%, transparent);
  font-style: normal;
}.mj-scope .silver-banner{
  margin: 96px 0;
  background: var(--ink); color: var(--paper);
  border-radius: 12px; overflow: hidden;
  display: grid; grid-template-columns: 1fr 1fr; align-items: stretch;
}.mj-scope .silver-banner .art{ aspect-ratio: 4/5; overflow: hidden; }.mj-scope .silver-banner .art img{ width: 100%; height: 100%; object-fit: cover; }.mj-scope .silver-banner .body{ padding: 64px; display: flex; flex-direction: column; justify-content: center; }.mj-scope .silver-banner .body .eyebrow{ color: var(--gold); }.mj-scope .silver-banner .body h3{
  font-family: var(--ff-display); font-weight: var(--display-weight);
  font-size: clamp(36px, 4.4vw, 64px); line-height: 1.02; letter-spacing: -.02em;
  margin: 14px 0 18px;
}.mj-scope .silver-banner .body h3 em{ font-style: italic; color: var(--gold); }.mj-scope .silver-banner .body p{ color: color-mix(in oklab, var(--paper) 80%, transparent); max-width: 44ch; margin-bottom: 22px; }@media (max-width: 980px){.mj-scope .home-hero .inner > .wrap{ grid-template-columns: 1fr; }.mj-scope .home-hero-side{ text-align: left; }.mj-scope .usp-grid{ grid-template-columns: 1fr 1fr; }.mj-scope .usp-item:nth-child(2){ border-right: 0; }.mj-scope .usp-item{ padding: 14px 14px; gap: 10px; }.mj-scope .usp-item .ic{ width: 30px; height: 30px; font-size: 22px; }.mj-scope .usp-item b{ font-size: 13px; }.mj-scope .usp-item span{ font-size: 11px; }.mj-scope .cat-grid{ grid-template-columns: 1fr 1fr; grid-template-rows: auto; }.mj-scope .cat-card.tall{ grid-row: span 1; }.mj-scope .cat-card.tall h3{ font-size: 36px; }.mj-scope .featured-grid, .mj-scope .config-promo, .mj-scope .silver-banner{ grid-template-columns: 1fr; }.mj-scope .config-promo .body, .mj-scope .silver-banner .body{ padding: 40px; }.mj-scope .test-grid{ grid-template-columns: 1fr; }.mj-scope .test-head{ grid-template-columns: 1fr; gap: 16px; }
}

/* ---- Mobile hero sizing (real-device QA pending) ---- */
@media (max-width:600px){
  .mj-scope .home-hero h1{ font-size:clamp(46px,13vw,84px); }
  .mj-scope .home-hero .inner{ padding:90px 0 52px; }
  .mj-scope .home-hero .ctas .btn{ width:100%; justify-content:center; }
}