/* ===== Page 3: REHBER — уникальные паттерны ===== */

/* общие ограничения для изображений страницы */
.rb-tags img, .rb-frame img, .rb-panel img { width: 100%; max-width: 350px; height: auto; }

/* --- SECTION 1: Etiket Okuma (asılı etiketler) --- */
.rb-head{ margin-bottom: .6rem; }
.rb-tags__rail{
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .85rem; align-items: start;
}
.rb-tag{
  position: relative; background:#fff; border-radius: 16px;
  padding: .75rem .8rem; box-shadow: var(--pp-shadow);
  text-align: center; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-tag:hover{ transform: translateY(-6px); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-tag figcaption{ margin-top:.35rem; color: var(--pp-ink-soft); }
.rb-tag p{ margin:.35rem 0 0; }

/* шнур + кнопка сверху */
.rb-tag::before{
  content:""; position:absolute; top:-10px; left:50%; width:14px; height:14px;
  transform: translateX(-50%); border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff, #bbb);
  box-shadow: 0 2px 3px rgba(0,0,0,.2) inset;
}
.rb-thread{ height:12px; margin-top:.4rem; background:
    linear-gradient(90deg, rgba(138,100,64,.35), rgba(94,62,36,.35)),
    repeating-linear-gradient(90deg,#caa882 0 12px,#a77f57 12px 24px,#caa882 24px 36px);
  box-shadow: inset 0 1px rgba(255,255,255,.45), 0 -1px 0 rgba(0,0,0,.06);
}

/* --- SECTION 2: Yıkama Senaryoları (maskeli çerçeve) --- */
.rb-scenarios__grid{
  display: grid; grid-template-columns: 1.1fr .9fr .9fr; gap: 1rem; align-items: start;
}
.rb-bullets{ margin:.5rem 0 0; padding-left:1.1rem; }

.rb-frame{
  position: relative; background:#fff; border-radius: 18px; padding:.55rem; box-shadow: var(--pp-shadow);
  text-align: center; overflow: hidden;
}
.rb-img{ display:block; margin:0 auto; border-radius: 12px; }
.rb-img--mask{
  position:absolute; inset: .55rem .55rem calc(.55rem + 1.4em) .55rem;
  -webkit-mask: linear-gradient(90deg,#000 45%,#0000 46%); mask: linear-gradient(90deg,#000 45%,#0000 46%);
  -webkit-mask-size: 200% 100%;         mask-size: 200% 100%;
  -webkit-mask-position: 0% 50%;        mask-position: 0% 50%;
  transition: -webkit-mask-position 1s ease, mask-position 1s ease;
}
.reveal.is-inview .rb-img--mask{ -webkit-mask-position: 100% 50%; mask-position: 100% 50%; }
.rb-frame figcaption{ margin-top:.35rem; color: var(--pp-ink-soft); }

/* --- SECTION 3: Lif Bilimi (kademeli pano) --- */
.rb-fibers__grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr .95fr;
  grid-template-areas:
    "head head head"
    "tall text panel1"
    "tall panel2 panel2";
  gap: 1rem; align-items: start;
}
.rb-fibers__head{ grid-area: head; }
.rb-panel{
  background:#fff; border-radius: 16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-panel:hover{ transform: translateY(-6px) rotateZ(-.6deg); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-panel figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }
.rb-panel--tall{ grid-area: tall; }
.rb-fibers__text{
  grid-area: text; background:#fff; border-radius:16px; padding:.85rem .95rem; box-shadow: var(--pp-shadow);
}
.rb-fibers__grid .rb-panel:nth-of-type(2){ grid-area: panel1; }
.rb-fibers__grid .rb-panel:nth-of-type(3){ grid-area: panel2; }
.rb-stitch{ height:12px; margin-top:.4rem; background:
  repeating-linear-gradient(90deg, rgba(138,100,64,.5) 0 10px, #0000 10px 18px); opacity:.5; }

/* --- Responsive --- */
@media (max-width: 1024px){
  .rb-tags__rail{ grid-template-columns: 1fr; }
  .rb-scenarios__grid{ grid-template-columns: 1fr; }
  .rb-fibers__grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "tall"
      "text"
      "panel1"
      "panel2";
  }
}
/* ===== SECTION 4: Leke Rehberi — reçete kartları ===== */
.rb-stain__deck{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:.85rem; align-items:start;
}
.rb-recipe{
  background:#fff; border-radius:18px; padding:.75rem .85rem; box-shadow: var(--pp-shadow);
  transform-style: preserve-3d; transition: transform .35s ease, box-shadow .35s ease;
  position: relative; overflow: hidden;
}
.rb-recipe:hover{ transform: rotateX(2.2deg) rotateY(-2.2deg) translateY(-4px); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-recipe__media{ text-align:center; }
.rb-recipe__media img{ width:100%; max-width:350px; border-radius:12px; }
.rb-recipe__media figcaption{ margin-top:.35rem; color:var(--pp-ink-soft); }
.rb-recipe__steps{ margin:.5rem 0 0; padding-left:1.1rem; }
.rb-seam{ height:12px; margin-top:.4rem; background:
  repeating-linear-gradient(90deg, rgba(138,100,64,.5) 0 10px, #0000 10px 18px); opacity:.5; }

/* ===== SECTION 5: Kuruma Haritası — pusula kadranı ===== */
.rb-dry__grid{
  display:grid; grid-template-columns: 1.1fr 1.1fr; gap:1rem; align-items:center;
}
.rb-dry__dial{
  position: relative; aspect-ratio: 1 / 1; border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, #fff 55%, #0000 56%),
    conic-gradient(from 0deg, rgba(138,100,64,.2) 0 25%, #0000 25% 50%, rgba(138,100,64,.2) 50% 75%, #0000 75% 100%);
  box-shadow: var(--pp-shadow);
  overflow: hidden;
}
.rb-dry__dial::before{
  /* dönen küçük işaretler */
  content:""; position:absolute; inset:6% 6%; border-radius:50%;
  border: 2px dashed rgba(138,100,64,.45);
  animation: rb-rotate 24s linear infinite;
}
@keyframes rb-rotate{ to{ transform: rotate(360deg); } }

.rb-dry__shot{
  position: absolute; width: 48%; text-align:center; background:#fff; border-radius:14px;
  padding:.45rem .45rem .7rem; box-shadow: var(--pp-shadow);
}
.rb-dry__shot img{ width:100%; max-width:350px; border-radius:10px; }
.rb-dry__shot figcaption{ margin-top:.3rem; color:var(--pp-ink-soft); }
.rb-dry__shot--tl{ left:4%; top:6%; }
.rb-dry__shot--br{ right:4%; bottom:6%; }

/* ===== SECTION 6: Ütü Hızlı Notlar — zikzak liste ===== */
.rb-iron__grid{
  display:grid; grid-template-columns: 1.05fr .95fr; gap:1rem; align-items:start;
}
.rb-steps{
  counter-reset: n; margin:.6rem 0 0; padding:0; list-style:none; display:grid; gap:.6rem;
}
.rb-steps li{
  counter-increment: n; position: relative; background:#fff; border-radius:16px;
  padding:.75rem .9rem; box-shadow: var(--pp-shadow);
}
.rb-steps li::before{
  content: counter(n); position:absolute; left:-.8rem; top:50%; transform:translateY(-50%);
  width:26px; height:26px; border-radius:50%; display:grid; place-items:center;
  background: var(--pp-wood-500,#8a6440); color:#fff; font-weight:700; box-shadow: 0 0 0 6px #fff;
}
.rb-iron__media{ display:grid; gap:.8rem; }
.rb-iron__photo{
  background:#fff; border-radius:16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center;
}
.rb-iron__photo img{ width:100%; max-width:350px; }
.rb-iron__photo figcaption{ margin-top:.3rem; color:var(--pp-ink-soft); }

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .rb-stain__deck{ grid-template-columns: 1fr; }
  .rb-dry__grid{ grid-template-columns: 1fr; }
  .rb-dry__dial{ aspect-ratio: auto; height: 360px; }
  .rb-iron__grid{ grid-template-columns: 1fr; }
}
/* базовое ограничение для новых секций */
.rb-dose img, .rb-dd img, .rb-store img{ width:100%; max-width:350px; height:auto; }

/* ===== SECTION 7: Deterjan Dozu — ölçü şeridi ===== */
.rb-dose__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:1rem; align-items:center; }
.rb-tape{
  position:relative; height:140px; border-radius:20px; box-shadow: var(--pp-shadow);
  background:
    linear-gradient(180deg,#fff, #fff8),
    repeating-linear-gradient(90deg,#0001 0 16px,#0000 16px 32px);
  overflow:hidden;
}
.rb-tape::after{
  content:""; position:absolute; left:0; right:0; top:50%; height:2px; transform:translateY(-50%);
  background: repeating-linear-gradient(90deg, rgba(138,100,64,.6) 0 8px, #0000 8px 14px);
  animation: rb-ticks 12s linear infinite;
}
@keyframes rb-ticks{ to{ background-position-x: 100%; } }
.rb-dose__card{
  position:absolute; width:min(92%,360px); background:#fff; border-radius:14px;
  padding:.45rem .55rem .75rem; box-shadow: var(--pp-shadow);
  text-align:center; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-dose__card:hover{ transform: translateY(-6px); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-dose__card figcaption{ margin-top:.3rem; color:var(--pp-ink-soft); }
.rb-dose__card--liquid{ left:6%; top:8%; }
.rb-dose__card--powder{ right:6%; bottom:8%; }

/* ===== SECTION 8: Doğru / Yanlış ===== */
.rb-dd__grid{ display:grid; grid-template-columns: 1.1fr .9fr .9fr; gap:1rem; align-items:start; }
.rb-dd__head{ grid-column: 1 / -1; margin-bottom:.2rem; }
.rb-dd__frame{
  position:relative; background:#fff; border-radius:18px; padding:.55rem; box-shadow: var(--pp-shadow);
  text-align:center; overflow:hidden; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-dd__frame:hover{ transform: translateY(-6px) rotateZ(-.6deg); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-dd__frame figcaption{ margin-top:.35rem; color:var(--pp-ink-soft); }
.rb-dd__frame--ok::after,
.rb-dd__frame--no::after{
  content:""; position:absolute; right:8px; top:8px; width:26px; height:26px; border-radius:50%;
}
.rb-dd__frame--ok::after{ background: radial-gradient(circle at 30% 30%, #c6f6d5, #16a34a); }
.rb-dd__frame--no::after{ background: radial-gradient(circle at 30% 30%, #fecaca, #dc2626); }
.rb-dd__notes{ list-style: disc; padding-left:1.1rem; margin:0; }

/* ===== SECTION 9: Depolama Rehberi — mozaik ===== */
.rb-store__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:1rem; align-items:start; }
.rb-store__mosaic{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "tall small1"
    "tall small2";
  gap:.85rem;
}
.rb-store__panel{
  background:#fff; border-radius:16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-store__panel:hover{ transform: translateY(-6px) rotateZ(-.6deg); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-store__panel figcaption{ margin-top:.3rem; color:var(--pp-ink-soft); }
.rb-store__panel--tall{ grid-area:tall; }
.rb-store__mosaic .rb-store__panel:nth-of-type(2){ grid-area:small1; }
.rb-store__mosaic .rb-store__panel:nth-of-type(3){ grid-area:small2; }

/* ===== Responsive ===== */
@media (max-width:1024px){
  .rb-dose__grid{ grid-template-columns:1fr; }
  .rb-dd__grid{ grid-template-columns: 1fr; }
  .rb-store__grid{ grid-template-columns:1fr; }
  .rb-tape{ height: 180px; }
}
/* центрируем карточки по оси пунктирной линии */
.rb-dose__card{
  position:absolute;
  width:min(88%, 360px);             /* поменьше, чтобы не упирались в скругления */
  background:#fff;
  border-radius:14px;
  padding:.45rem .55rem .75rem;
  box-shadow: var(--pp-shadow);
  text-align:center;
  top:50%;
  transform: translateY(-50%);       /* ключ: выравнивание по центру контейнера */
  transition: transform .28s ease, box-shadow .28s ease;
}
.rb-dose__card:hover{
  transform: translateY(calc(-50% - 6px));
  box-shadow: 0 16px 28px rgba(0,0,0,.12);
}
.rb-dose__card figcaption{ margin-top:.3rem; color:var(--pp-ink-soft); }

/* симметрия по сторонам */
.rb-dose__card--liquid{ left:4%; }
.rb-dose__card--powder{ right:4%; }
/* Лента-измеритель */
.rb-tape{
  position: relative;
  height: 140px;
  border-radius: 20px;
  box-shadow: var(--pp-shadow);
  background:
    linear-gradient(180deg,#fff, #fff8),
    repeating-linear-gradient(90deg,#0001 0 16px,#0000 16px 32px);
  overflow: hidden;
  z-index: 0;                 /* базовый слой для псевдоэлемента */
  padding: 0 12px;            /* чтобы пунктир и карточки не касались скруглений */
}

.rb-tape::after{
  content:"";
  position:absolute;
  left:12px; right:12px;      /* совпадает с padding, чтобы пунктир не упирался в радиусы */
  top:50%; height:2px;
  transform:translateY(-50%);
  background: repeating-linear-gradient(90deg, rgba(138,100,64,.6) 0 8px, #0000 8px 14px);
  animation: rb-ticks 12s linear infinite;
  z-index: 0;                 /* пунктир под карточками */
  pointer-events: none;
}

@keyframes rb-ticks { to { background-position-x: 100%; } }

/* Карточки дозировки — всегда поверх пунктира и по центру по вертикали */
.rb-dose__card{
  position:absolute;
  top:50%; transform: translateY(-50%);
  width:min(88%, 360px);
  background:#fff;
  border-radius:14px;
  padding:.45rem .55rem .75rem;
  box-shadow: var(--pp-shadow);
  text-align:center;
  transition: transform .28s ease, box-shadow .28s ease;
  z-index: 1;                 /* над пунктиром */
}
.rb-dose__card:hover{ transform: translateY(calc(-50% - 6px)); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-dose__card figcaption{ margin-top:.3rem; color:var(--pp-ink-soft); }

.rb-dose__card--liquid{ left:12px; }  /* симметрия слева/справа, совпадает с padding */
.rb-dose__card--powder{ right:12px; }
/* ===== SECTION 10: Su Isısı & Döngü — sıcaklık şeridi ===== */
.rb-heat__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:1rem; align-items:center; }
.rb-therm{
  position:relative; height:180px; border-radius:20px; box-shadow: var(--pp-shadow);
  background: linear-gradient(180deg,#fff,#fff8);
  overflow:hidden; padding: 0 14px; z-index:0;
}
.rb-therm__line{
  position:absolute; left:14px; right:14px; top:50%; height:2px; transform:translateY(-50%);
  background: repeating-linear-gradient(90deg, rgba(138,100,64,.6) 0 8px, #0000 8px 14px);
  animation: rb-ticks 14s linear infinite;
}
.rb-pin{
  position:absolute; top:50%; transform: translate(-50%,-50%);
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff, #bbb);
  box-shadow: 0 2px 3px rgba(0,0,0,.2) inset, 0 0 0 6px #fff;
  z-index:0;
}
.rb-pin--left{ left:28%; }
.rb-pin--right{ left:72%; }

.rb-heat__shot{
  position:absolute; top:50%; transform: translateY(-50%);
  width:min(92%,360px); background:#fff; border-radius:14px;
  padding:.45rem .55rem .75rem; box-shadow: var(--pp-shadow); text-align:center; z-index:1;
}
.rb-heat__shot figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }
.rb-heat__shot--percale{ left:14px; }
.rb-heat__shot--sateen{ right:14px; }

/* ===== SECTION 11: Alerji Dostu Rutin — “kitap ayracı” ===== */
.rb-hypo__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:1rem; align-items:start; }
.rb-book{
  position:relative; background:#fff; border-radius:18px; padding:.95rem 1rem; box-shadow: var(--pp-shadow);
}
.rb-book::before{
  /* üstte ayracımsı çentik */
  content:""; position:absolute; left:18px; top:-10px; width:44px; height:10px;
  background: linear-gradient(180deg,#fff,#fff0);
  border-top-left-radius:8px; border-top-right-radius:8px;
  box-shadow: 0 -2px 6px rgba(0,0,0,.06);
}
.rb-hypo__media{ display:grid; gap:.8rem; }
.rb-hypo__photo{
  background:#fff; border-radius:16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center;
}
.rb-hypo__photo img{ width:100%; max-width:350px; }
.rb-hypo__photo figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }

/* ===== SECTION 12: Koku Yönetimi — iki sütun görsel ===== */
.rb-scent__grid{
  display:grid; grid-template-columns: .9fr 1.1fr .9fr; gap:1rem; align-items:center;
}
.rb-scent__col{
  background:#fff; border-radius:16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-scent__col:hover{ transform: translateY(-6px) rotateZ(-.6deg); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-scent__col img{ width:100%; max-width:350px; }
.rb-scent__col figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }
.rb-scent__copy{ background:#fff; border-radius:16px; padding:.85rem .95rem; box-shadow: var(--pp-shadow); }
.rb-wave{
  height:12px; margin-top:.4rem;
  background:
    radial-gradient(10px 6px at 10px 6px, rgba(138,100,64,.35) 40%, #0000 41%) 0 0 / 36px 12px repeat-x;
  opacity:.6;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .rb-heat__grid{ grid-template-columns: 1fr; }
  .rb-hypo__grid{ grid-template-columns: 1fr; }
  .rb-scent__grid{ grid-template-columns: 1fr; }
  .rb-therm{ height: 200px; }
}
/* ===== SECTION 13: Enerji & Su Tasarrufu — metre şeridi ===== */
.rb-save__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:1rem; align-items:center; }
.rb-band{
  position:relative; height:180px; border-radius:20px; background: linear-gradient(180deg,#fff,#fff8);
  box-shadow: var(--pp-shadow); overflow:hidden; padding:0 14px; z-index:0;
}
.rb-band__line{
  position:absolute; left:14px; right:14px; top:50%; height:2px; transform:translateY(-50%);
  background: repeating-linear-gradient(90deg, rgba(138,100,64,.6) 0 8px, #0000 8px 14px);
  animation: rb-ticks 16s linear infinite;
}
.rb-save__card{
  position:absolute; top:50%; transform: translateY(-50%);
  width:min(92%,360px); background:#fff; border-radius:14px;
  padding:.45rem .55rem .75rem; box-shadow: var(--pp-shadow);
  text-align:center; z-index:1; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-save__card:hover{ transform: translateY(calc(-50% - 6px)); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-save__card figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }
.rb-save__card--left{ left:14px; }
.rb-save__card--center{ left:50%; transform: translate(-50%,-50%); }
.rb-save__card--right{ right:14px; }

/* ===== SECTION 14: Mini-SSS ===== */
.rb-faqmini__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:1rem; align-items:start; }
.rb-faqmini__item{
  background:#fff; border-radius:16px; padding:.75rem .9rem; box-shadow: var(--pp-shadow);
  margin:.6rem 0; position:relative;
}
.rb-faqmini__item summary{ cursor:pointer; font-weight:600; list-style:none; }
.rb-faqmini__item summary::-webkit-details-marker{ display:none; }
.rb-faqmini__item[open]{ outline:2px dashed rgba(138,100,64,.28); outline-offset:-8px; }
.rb-faqmini__media{ display:grid; gap:.8rem; }
.rb-faqmini__photo{
  background:#fff; border-radius:16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center;
}
.rb-faqmini__photo img{ width:100%; max-width:350px; }
.rb-faqmini__photo figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }

/* ===== SECTION 15: Yıkama Takvimi ===== */
.rb-week__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:1rem; align-items:start; }
.rb-week__stripe{
  margin:.6rem 0 0; padding:.5rem; display:grid; grid-template-columns: repeat(7,1fr); gap:.35rem;
  list-style:none; background:#fff; border-radius:16px; box-shadow: var(--pp-shadow);
}
.rb-week__stripe li{
  background:
    linear-gradient(180deg,#fff,#fff8),
    repeating-linear-gradient(90deg,#0001 0 10px,#0000 10px 20px);
  border-radius:10px; text-align:center; padding:.35rem 0; font-weight:600; color: var(--pp-ink-soft);
}
.rb-week__photos{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap:.85rem; }
.rb-week__shot{
  background:#fff; border-radius:16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-week__shot:hover{ transform: translateY(-6px) rotateZ(-.6deg); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-week__shot img{ width:100%; max-width:350px; }
.rb-week__shot figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }

/* ===== SECTION 16: Final Kontrol Listesi ===== */
.rb-final__grid{
  display:grid; grid-template-columns: .95fr 1.1fr .95fr; gap:1rem; align-items:start;
}
.rb-final__scene{
  background:#fff; border-radius:16px; padding:.55rem .55rem .8rem; box-shadow: var(--pp-shadow);
  text-align:center; transition: transform .28s ease, box-shadow .28s ease;
}
.rb-final__scene:hover{ transform: translateY(-6px) rotateZ(-.6deg); box-shadow: 0 16px 28px rgba(0,0,0,.12); }
.rb-final__scene img{ width:100%; max-width:350px; }
.rb-final__scene figcaption{ margin-top:.3rem; color: var(--pp-ink-soft); }

.rb-final__board{
  background:#fff; border-radius:18px; padding:.95rem 1rem; box-shadow: var(--pp-shadow);
}
.rb-final__check{ list-style:none; margin:.5rem 0 0; padding:0; display:grid; gap:.55rem; }
.rb-final__check li{ display:grid; grid-template-columns: 22px 1fr; gap:.55rem; align-items:center; }
.rb-final__check i{
  width:18px; height:18px; border-radius:4px; background:#fff;
  box-shadow: inset 0 0 0 2px rgba(138,100,64,.5), 0 2px 4px rgba(0,0,0,.06);
  position:relative;
}
.rb-final__check li:hover i::after{
  content:""; position:absolute; inset:3px; border-radius:2px;
  background: linear-gradient(180deg, #8a6440, #6d4b32);
}
.rb-final__note{ margin-top:.6rem; color: var(--pp-ink-soft); }

/* ===== Responsive ===== */
@media (max-width:1024px){
  .rb-save__grid, .rb-faqmini__grid, .rb-week__grid, .rb-final__grid{ grid-template-columns: 1fr; }
  .rb-week__photos{ grid-template-columns: 1fr; }
}
/* ===== SECTION 16: Uzun Ömür Manifestosu — text-heavy ===== */
.rb-essay__wrap{
  display:grid; grid-template-columns: 1.2fr .8fr; gap:1rem; align-items:start;
}
.rb-essay__head{ grid-column: 1 / -1; }
.rb-essay__content{
  background:#fff; border-radius:18px; padding:1rem 1.1rem; box-shadow: var(--pp-shadow);
}
.rb-dropcap::first-letter{
  float:left; font-size:2.6rem; line-height:1; margin:.15rem .4rem 0 0;
  font-weight:700; color: var(--pp-wood-500,#8a6440);
}
.rb-quote{
  margin:.7rem 0; padding:.6rem .8rem; border-left:4px solid rgba(138,100,64,.35);
  background: #fff8; border-radius:12px; font-style: italic;
}
.rb-quote cite{ display:block; margin-top:.3rem; font-style: normal; color: var(--pp-ink-soft); }
.rb-essay__list{ margin:.6rem 0 0 .95rem; }
.rb-essay__footer{ margin-top:.6rem; color: var(--pp-ink-soft); }

.rb-essay__margin{
  position: relative;
  background:#fff; border-radius:16px; padding:.8rem .9rem; box-shadow: var(--pp-shadow);
}
.rb-essay__margin::before{
  content:""; position:absolute; top:-10px; left:18px; width:44px; height:10px;
  background: linear-gradient(180deg,#fff,#fff0);
  border-top-left-radius:8px; border-top-right-radius:8px;
  box-shadow: 0 -2px 6px rgba(0,0,0,.06);
}

/* Responsive */
@media (max-width:1024px){
  .rb-essay__wrap{ grid-template-columns: 1fr; }
}