/** Shopify CDN: Minification failed

Line 725:0 Unexpected "}"

**/
/* JUSTSTANDART Journal — makale şablonu
   Sleek ölçü sistemi: 1rem = 10px */

.jsl {
  --jsl-read: 68rem;
  --jsl-figure: 124rem;
  --jsl-media: 110rem;

  --jsl-h1: clamp(4rem, 2.4rem + 4vw, 8rem);
  --jsl-h2: 1.5em;
  --jsl-h3: 1.2em;
  --jsl-section-title: 1.3em;
  --jsl-body: 1.05em;
  --jsl-body-lh: 1.85;
  --jsl-spot: 1.3em;
  --jsl-small: 0.82em;
  --jsl-eyebrow: 0.7em;

  --jsl-ink: #16150f;
  --jsl-muted: #6f6d64;
  --jsl-line: #e3e0d7;
  --jsl-line-soft: #efede7;
  --jsl-surface: #f4f2ed;

  color: var(--jsl-ink);
}

.jsl * { box-sizing: border-box; }

.jsl__inner {
  max-width: calc(var(--jsl-read) + var(--page-padding, 1.5rem) * 2);
  margin-inline: auto;
  padding-inline: var(--page-padding, 1.5rem);
}

.jsl__inner--media {
  max-width: calc(var(--jsl-media) + var(--page-padding, 1.5rem) * 2);
}

.jsl__inner--figure {
  max-width: calc(var(--jsl-figure) + var(--page-padding, 1.5rem) * 2);
}

.jsl__eyebrow {
  font-size: var(--jsl-eyebrow);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--jsl-muted);
  margin: 0;
}

/* ---------- Hero ---------- */

.jsl-hero { margin: 0; position: relative; }
.jsl-hero__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 85svh;
  object-fit: cover;
}
.jsl-hero--overlay .jsl-hero__img {
  height: 100%;
  max-height: none;
  position: absolute;
  inset: 0;
}
.jsl-hero--full { min-height: 100svh; }
.jsl-hero--tall { min-height: 82svh; }
.jsl-hero--medium { min-height: 62svh; }

.jsl-hero__overlay {
  position: relative;
  z-index: 1;
  min-height: inherit;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-block: 8rem;
  padding-inline: var(--page-padding, 1.5rem);
  color: #fff;
  background: linear-gradient(to top, rgba(0,0,0,0.62), rgba(0,0,0,0.2) 42%, rgba(0,0,0,0.2) 100%);
}
.jsl-hero__inner { max-width: var(--jsl-media); width: 100%; text-align: center; }
.jsl-hero__overlay .jsl-head__title,
.jsl-hero__overlay .jsl-head__spot,
.jsl-hero__overlay .jsl-head__tag { color: #fff; }
.jsl-hero__overlay .jsl-head__spot { opacity: 0.85; }

/* ---------- Şeffaf navbar ---------- */

.jsl-nav {
  position: absolute !important;
  inset-inline: 0;
  top: 0;
  z-index: 40;
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}
.jsl-nav--stuck {
  position: fixed !important;
  background: #fff;
}
.jsl-nav--clear,
.jsl-nav--clear *,
.jsl-nav--clear *::before,
.jsl-nav--clear *::after {
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.jsl-nav--clear,
.jsl-nav--clear a,
.jsl-nav--clear button,
.jsl-nav--clear span,
.jsl-nav--clear svg,
.jsl-nav--clear summary { color: #fff !important; }
.jsl-nav--clear svg { fill: currentColor !important; }
.jsl-nav--clear img { filter: brightness(0) invert(1); }

/* ---------- Aşağı ok ---------- */

.jsl-cue {
  appearance: none;
  background: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 1rem;
  margin-block-start: 4rem;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}
.jsl-cue svg {
  width: 2rem;
  height: 3.4rem;
  display: block;
  margin-inline: auto;
  animation: jsl-bob 2.4s ease-in-out infinite;
}
.jsl-cue:hover { opacity: 1; }

@keyframes jsl-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(0.6rem); }
}

/* ---------- Künye ---------- */

.jsl-head { padding-block: 8rem 0; text-align: center; }
.jsl-head--compact { padding-block: 6.4rem 0; }
.jsl-head--compact .jsl-crumbs { margin-block-end: 0; }
.jsl-head--compact .jsl-meta { margin-block-start: 2.4rem; }

.jsl-crumbs {
  font-size: 0.78em;
  letter-spacing: 0.04em;
  color: var(--jsl-muted);
  margin-block-end: 3.2rem;
}
.jsl-crumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
}
.jsl-crumbs li + li::before { content: "/"; margin-inline-end: 0.8rem; color: var(--jsl-line); }
.jsl-crumbs a { color: inherit; text-decoration: none; }
.jsl-crumbs a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.jsl-crumbs [aria-current] { color: var(--jsl-ink); }

.jsl-head__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem;
  margin: 0 0 2.4rem;
  padding: 0;
  list-style: none;
}
.jsl-head__tag {
  font-size: var(--jsl-eyebrow);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--jsl-muted);
  text-decoration: none;
}
.jsl-head__tag:hover { color: var(--jsl-ink); }

.jsl-head__title {
  font-size: var(--jsl-h1);
  line-height: 1;
  letter-spacing: -0.025em;
  font-weight: 400;
  margin: 0;
  text-wrap: balance;
}
.jsl-head__spot {
  font-size: var(--jsl-spot);
  line-height: 1.5;
  color: var(--jsl-muted);
  margin: 2.4rem auto 0;
  max-width: 54rem;
  text-wrap: pretty;
}
.jsl-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 0.8rem 3.2rem;
  margin-block-start: 4rem;
  font-size: var(--jsl-small);
  color: var(--jsl-muted);
}
.jsl-meta__item { display: inline-flex; gap: 0.7rem; align-items: baseline; }
.jsl-meta__label { text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.85em; }

/* ---------- Kısaca ---------- */

.jsl-summary { padding-block-start: 6.4rem; }
.jsl-summary__box {
  border-top: 1px solid var(--jsl-ink);
  border-bottom: 1px solid var(--jsl-line);
  padding-block: 2.4rem 2.8rem;
}
.jsl-summary__list { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: 1.4rem; }
.jsl-summary__item {
  display: grid;
  grid-template-columns: 4rem 1fr;
  align-items: start;
  font-size: 1.02em;
  line-height: 1.7;
}
.jsl-summary__num {
  font-variant-numeric: tabular-nums;
  font-size: 0.72em;
  letter-spacing: 0.08em;
  color: var(--jsl-muted);
  padding-block-start: 0.7em;
}

/* ---------- İçindekiler ---------- */

.jsl-toc { padding-block-start: 4.8rem; }
.jsl-toc__list {
  list-style: none;
  margin: 1.4rem 0 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  border-left: 1px solid var(--jsl-line);
}
.jsl-toc__list a {
  display: block;
  padding-inline-start: 1.6rem;
  color: var(--jsl-muted);
  text-decoration: none;
  font-size: 0.98em;
  line-height: 1.45;
  border-left: 1px solid transparent;
  margin-inline-start: -1px;
}
.jsl-toc__list a:hover,
.jsl-toc__list a:focus-visible { color: var(--jsl-ink); border-left-color: var(--jsl-ink); }

/* ---------- Gövde ---------- */

.jsl-body { padding-block-start: 6.4rem; }
.jsl-rte { font-size: var(--jsl-body); line-height: var(--jsl-body-lh); }

/* Dar okuma sütunu — ortalanmış */
.jsl-rte > p,
.jsl-rte > h2,
.jsl-rte > h3,
.jsl-rte > h4,
.jsl-rte > ul,
.jsl-rte > ol,
.jsl-rte > table,
.jsl-rte > blockquote,
.jsl-inline {
  max-width: var(--jsl-read);
  margin-inline: auto;
}

/* DİKKAT: burada margin kısayolu kullanmayın, ortalamayı bozar */
.jsl-rte p { margin-block: 0; text-wrap: pretty; }

/* Paragraf ve liste araları */
.jsl-rte > p + p,
.jsl-rte > ul + p,
.jsl-rte > ol + p,
.jsl-rte > p + ul,
.jsl-rte > p + ol,
.jsl-rte > blockquote + p { margin-block-start: 3.2rem; }

.jsl-rte h2 {
  font-size: var(--jsl-h2);
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-weight: 400;
  margin-block: 8rem 0;
  scroll-margin-top: 12rem;
}
.jsl-rte > h2 + * { margin-block-start: 2.4rem; }
.jsl-rte h3 { font-size: var(--jsl-h3); font-weight: 500; margin-block: 4.8rem 0; scroll-margin-top: 12rem; }
.jsl-rte > h3 + * { margin-block-start: 2rem; }

/* Görseller — ister doğrudan, ister <p> sarmalı içinde */
.jsl-rte > img,
.jsl-rte > figure,
.jsl-rte > p:has(img),
.jsl-cluster {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  margin-block: 8rem;
}
.jsl-rte > p:has(img) img,
.jsl-rte figure img,
.jsl-rte > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.jsl-rte figcaption {
  font-size: 0.78em;
  color: var(--jsl-muted);
  margin-block-start: 1.2rem;
  text-align: center;
}

.jsl-rte ul,
.jsl-rte ol { margin-block: 0; padding-inline-start: 2rem; display: grid; gap: 0.8rem; }
.jsl-rte blockquote {
  padding: 0;
  border: 0;
  max-width: 52rem;
  font-size: 1.55em;
  line-height: 1.4;
  text-align: center;
  text-wrap: balance;
  margin-block: 8rem;
}
.jsl-rte a { color: inherit; text-underline-offset: 0.2em; }
.jsl-rte table { border-collapse: collapse; font-size: 0.95em; width: 100%; }
.jsl-rte th,
.jsl-rte td { border-bottom: 1px solid var(--jsl-line); padding: 1.2rem 0.8rem; text-align: left; }

/* ---------- Görsel ızgarası ---------- */

.jsl-cluster { display: grid; gap: 2rem; }
.jsl-cluster--2 { grid-template-columns: repeat(2, 1fr); }
.jsl-cluster--3 { grid-template-columns: repeat(3, 1fr); }
.jsl-cluster > * {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  transform: none !important;
}
.jsl-cluster img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  margin: 0 !important;
}

/* ---------- Gövde içi ürün ---------- */

.jsl-inline {
  display: grid;
  grid-template-columns: 16rem 1fr;
  gap: 3.6rem;
  align-items: center;
  margin-block: 8rem;
  padding: 4rem;
  background: var(--jsl-surface);
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease;
}
.jsl-inline:hover { background: #ece9e2; }
.jsl-inline img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0;
  mix-blend-mode: multiply;
}
.jsl-inline__text { display: flex; flex-direction: column; align-items: flex-start; }
.jsl-inline__name { font-size: 1.4em; line-height: 1.25; margin-block: 2rem 0; }
.jsl-inline__cta {
  display: inline-block;
  font-size: 0.76em;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-block-start: 3.6rem;
  padding: 1.4rem 3.2rem;
  background: var(--jsl-ink);
  color: #fff;
}

/* ---------- Bölüm başlıkları ---------- */

.jsl-products__title,
.jsl-faq__title,
.jsl-related__title {
  font-size: var(--jsl-section-title);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0;
}

/* ---------- SSS ---------- */

.jsl-faq { padding-block-start: 12rem; }
.jsl-faq__title { margin-block-end: 1.6rem; padding-block-end: 1.6rem; border-bottom: 1px solid var(--jsl-ink); }
.jsl-faq__item { border-bottom: 1px solid var(--jsl-line); }
.jsl-faq__q { font-size: 1.12em; font-weight: 400; line-height: 1.4; margin: 0; padding-block-start: 2.4rem; }
.jsl-faq__a {
  font-size: 1em;
  line-height: 1.8;
  color: var(--jsl-muted);
  margin-block-start: 0.8rem;
  padding-block-end: 2.4rem;
  white-space: pre-line;
}

/* ---------- Önerilen ürünler ---------- */

.jsl-products { padding-block-start: 14rem; }
.jsl-products__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.2rem;
  padding-block-end: 1.6rem;
  border-bottom: 1px solid var(--jsl-ink);
}
.jsl-grid {
  list-style: none;
  margin: 4.8rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem 3rem;
}
.jsl-card { display: flex; flex-direction: column; height: 100%; }
.jsl-card__link { text-decoration: none; color: inherit; display: block; }
.jsl-card__media {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: var(--jsl-surface);
  margin-block-end: 1.6rem;
}
.jsl-card__brand {
  font-size: var(--jsl-eyebrow);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--jsl-muted);
  margin: 0;
}
.jsl-card__name { font-size: 1em; line-height: 1.4; font-weight: 400; margin: 0.8rem 0 0; }
.jsl-card__desc { font-size: 0.86em; line-height: 1.55; color: var(--jsl-muted); margin: 0.8rem 0 0; }
.jsl-card__price { font-size: 0.9em; margin: 0.8rem 0 0; }
.jsl-card__foot { margin-block-start: auto; padding-block-start: 1.6rem; }
.jsl-card__cta {
  display: inline-block;
  font-size: 0.76em;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid currentColor;
  padding-block-end: 0.3rem;
}
.jsl-card__cta:hover { opacity: 0.6; }
.jsl-card__flag {
  display: inline-block;
  font-size: 0.66em;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--jsl-muted);
  border: 1px solid var(--jsl-line);
  border-radius: 999px;
  padding: 0.4rem 1.1rem;
  margin-block-start: 1rem;
}
.jsl-disclosure {
  margin-block-start: 4.8rem;
  padding-block-start: 1.6rem;
  border-top: 1px solid var(--jsl-line-soft);
  font-size: 0.78em;
  line-height: 1.65;
  color: var(--jsl-muted);
}

/* ---------- İlgili yazılar ---------- */

.jsl-related { padding-block: 14rem 16rem; }
.jsl-related__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 2rem;
  padding-block-end: 1.6rem;
  border-bottom: 1px solid var(--jsl-ink);
}
.jsl-rail__nav { display: flex; gap: 0.8rem; flex-shrink: 0; }
.jsl-rail__btn {
  width: 4.4rem;
  height: 4.4rem;
  border: 1px solid var(--jsl-line);
  background: none;
  color: var(--jsl-ink);
  border-radius: 999px;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
  transition: border-color 0.2s ease, opacity 0.2s ease;
}
.jsl-rail__btn svg { width: 1.8rem; height: 1.8rem; }
.jsl-rail__btn:hover:not(:disabled) { border-color: var(--jsl-ink); }
.jsl-rail__btn:disabled { opacity: 0.28; cursor: default; }

.jsl-rail {
  list-style: none;
  margin: 4.8rem 0 0;
  padding: 0 0 1rem;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 6rem) / 3);
  gap: 3rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.jsl-rail::-webkit-scrollbar { display: none; }
.jsl-related__item { scroll-snap-align: start; }
.jsl-related__link { text-decoration: none; color: inherit; display: block; }
.jsl-related__img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
  margin-block-end: 1.6rem;
}
.jsl-related__name { font-size: 1.1em; line-height: 1.35; font-weight: 400; margin: 0.8rem 0 0; }
.jsl-related__foot { display: flex; justify-content: center; margin-block-start: 5.6rem; }
.jsl-related__all {
  display: inline-block;
  font-size: 0.76em;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  background: var(--jsl-ink);
  color: #fff;
  padding: 1.4rem 3.2rem;
  transition: opacity 0.2s ease;
}
.jsl-related__all:hover { opacity: 0.82; }

/* ---------- Kaydırınca açılma ---------- */

.jsl-reveal {
  opacity: 0;
  transform: translateY(2.4rem);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.jsl-in { opacity: 1; transform: none; }

/* ---------- Duyarlı ---------- */

@media (max-width: 1023.98px) {
  .jsl-grid { grid-template-columns: repeat(3, 1fr); gap: 4.8rem 2rem; }
  .jsl-rail { grid-auto-columns: calc((100% - 3rem) / 2); gap: 3rem; }
}

@media (max-width: 767.98px) {
  .jsl {
    --jsl-h1: clamp(3.2rem, 2rem + 5vw, 5rem);
    --jsl-h2: 1.4em;
    --jsl-spot: 1.15em;
    --jsl-body-lh: 1.75;
  }
  .jsl-hero__overlay { padding-block: 4.8rem; }
  .jsl-head { padding-block-start: 4.8rem; }
  .jsl-head--compact { padding-block: 4rem 0; }
  .jsl-crumbs { margin-block-end: 2.4rem; }
  .jsl-meta { margin-block-start: 2.8rem; gap: 0.8rem 2rem; }
  .jsl-head--compact .jsl-meta { margin-block-start: 1.6rem; }

  .jsl-summary { padding-block-start: 4.8rem; }
  .jsl-summary__item { grid-template-columns: 3.2rem 1fr; }
  .jsl-toc { padding-block-start: 3.6rem; }
  .jsl-body { padding-block-start: 4.8rem; }

  .jsl-rte > p + p,
  .jsl-rte > ul + p,
  .jsl-rte > ol + p,
  .jsl-rte > p + ul,
  .jsl-rte > p + ol,
  .jsl-rte > blockquote + p { margin-block-start: 2.6rem; }
  .jsl-rte > h2 + * { margin-block-start: 2rem; }
  .jsl-rte h2 { margin-block-start: 5.6rem; }
  .jsl-rte > img,
  .jsl-rte > figure,
  .jsl-rte > p:has(img),
  .jsl-cluster { margin-block: 4.8rem; }
  .jsl-rte blockquote { margin-block: 5.6rem; font-size: 1.3em; }

  .jsl-cluster { gap: 1.2rem; }
  .jsl-cluster--3 { grid-template-columns: repeat(2, 1fr); }
  .jsl-cluster--3 > *:first-child { grid-column: span 2; }

  .jsl-inline {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    margin-block: 5.6rem;
    padding: 3.6rem 2.4rem;
    justify-items: center;
    text-align: center;
  }
  .jsl-inline img { max-width: 20rem; }
  .jsl-inline__text { align-items: center; }
  .jsl-inline__name { margin-block-start: 1.6rem; }
  .jsl-inline__cta { margin-block-start: 2.8rem; }

  .jsl-products, .jsl-faq { padding-block-start: 8rem; }
  .jsl-grid { grid-template-columns: repeat(2, 1fr); gap: 4.8rem 1.6rem; }

  .jsl-related { padding-block: 8rem 9.6rem; }
  .jsl-rail { margin-block-start: 3.2rem; grid-auto-columns: 72%; gap: 1.6rem; }
  .jsl-rail__btn { width: 4rem; height: 4rem; }
  .jsl-related__foot { margin-block-start: 4rem; }

  .jsl-cue { margin-block-start: 2.8rem; }
  .jsl-cue svg { width: 1.6rem; height: 2.8rem; }
}

@media (max-width: 479.98px) {
  .jsl-grid { grid-template-columns: 1fr; }
  .jsl-rail { grid-auto-columns: 80%; }
}

/* ---------- Erişilebilirlik ---------- */

.jsl :focus-visible { outline: 2px solid var(--jsl-ink); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .jsl *, .jsl-inline, .jsl-nav { transition: none !important; animation: none !important; }
  .jsl-reveal { opacity: 1; transform: none; }
  .jsl-rail { scroll-behavior: auto; }
}
/* ---- Gövde akış boşlukları (override) ---- */
.jsl-rte > * + * { margin-block-start: 3.2rem; }

.jsl-rte > * + img,
.jsl-rte > * + figure,
.jsl-rte > img + *,
.jsl-rte > figure + *,
.jsl-rte > * + .jsl-cluster,
.jsl-rte > .jsl-cluster + * { margin-block-start: 8rem; }

.jsl-rte > * + h2 { margin-block-start: 8rem; }
.jsl-rte > h2 + * { margin-block-start: 2.4rem; }

@media (max-width: 749px) {
  .jsl-rte > * + * { margin-block-start: 2.4rem; }

  .jsl-rte > * + img,
  .jsl-rte > * + figure,
  .jsl-rte > img + *,
  .jsl-rte > figure + *,
  .jsl-rte > * + .jsl-cluster,
  .jsl-rte > .jsl-cluster + * { margin-block-start: 4.8rem; }

  .jsl-rte > * + h2 { margin-block-start: 5.6rem; }
  .jsl-rte > h2 + * { margin-block-start: 1.6rem; }
}
/* ---- Mobil hero başlık ---- */
@media (max-width: 749px) {
  .jsl-hero__overlay .jsl-head__title {
    font-size: clamp(3rem, 8vw, 4.2rem);
    line-height: 1.14;
    letter-spacing: -0.01em;
  }

  .jsl-hero__overlay .jsl-head__spot {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-block-start: 2rem;
  }

  .jsl-head--compact + * ,
  .jsl-head__title { line-height: 1.14; }
}

@media (max-width: 420px) {
  .jsl-hero__overlay .jsl-head__title { font-size: clamp(2.6rem, 7.4vw, 3.4rem); }
  .jsl-hero__overlay .jsl-head__spot { font-size: 1.5rem; }
}
}