.lr-guide{
  margin-top:130px;
  padding:56px 0 16px;
  background:#ffffff;
}

.lr-guide__wrap{
  max-width:1220px;
  margin:0 auto;
  padding:0 18px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* Bölüm başlığı — mor (ticker / site moru) */
.lr-guide__title{
  margin:0;
  font-family:"Sora", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:clamp(26px, 2.8vw, 40px);
  line-height:1.2;
  text-align:center;
  color:#8b31ff !important;
  text-shadow:0 0 22px rgba(139, 49, 255, 0.28);
}

/*
  Makale başlıkları: site neon paletiyle döngü (magenta, cyan, turuncu, fuşya, pembe, elektrik moru).
  Her satır farklı; 7+ satırda tekrar.
*/
.lr-guide-item:nth-of-type(6n + 1) .lr-guide-item__body h3,
.lr-guide-item:nth-of-type(6n + 1) .lr-guide-item__content h2,
.lr-guide-item:nth-of-type(6n + 1) .lr-guide-item__content h3{
  color:#eb47ff !important;
  text-shadow:0 0 18px rgba(235, 71, 255, 0.22);
}

.lr-guide-item:nth-of-type(6n + 2) .lr-guide-item__body h3,
.lr-guide-item:nth-of-type(6n + 2) .lr-guide-item__content h2,
.lr-guide-item:nth-of-type(6n + 2) .lr-guide-item__content h3{
  color:#0891b2 !important;
  text-shadow:0 0 16px rgba(56, 248, 255, 0.2);
}

.lr-guide-item:nth-of-type(6n + 3) .lr-guide-item__body h3,
.lr-guide-item:nth-of-type(6n + 3) .lr-guide-item__content h2,
.lr-guide-item:nth-of-type(6n + 3) .lr-guide-item__content h3{
  color:#ff9f1c !important;
  text-shadow:0 0 16px rgba(255, 159, 28, 0.22);
}

.lr-guide-item:nth-of-type(6n + 4) .lr-guide-item__body h3,
.lr-guide-item:nth-of-type(6n + 4) .lr-guide-item__content h2,
.lr-guide-item:nth-of-type(6n + 4) .lr-guide-item__content h3{
  color:#c026d3 !important;
  text-shadow:0 0 18px rgba(192, 38, 211, 0.2);
}

.lr-guide-item:nth-of-type(6n + 5) .lr-guide-item__body h3,
.lr-guide-item:nth-of-type(6n + 5) .lr-guide-item__content h2,
.lr-guide-item:nth-of-type(6n + 5) .lr-guide-item__content h3{
  color:#ec4899 !important;
  text-shadow:0 0 16px rgba(236, 72, 153, 0.2);
}

.lr-guide-item:nth-of-type(6n + 6) .lr-guide-item__body h3,
.lr-guide-item:nth-of-type(6n + 6) .lr-guide-item__content h2,
.lr-guide-item:nth-of-type(6n + 6) .lr-guide-item__content h3{
  color:#7c3aed !important;
  text-shadow:0 0 18px rgba(124, 58, 237, 0.2);
}

.lr-guide__intro{
  margin:0 auto 8px;
  max-width:720px;
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:15px;
  line-height:1.7;
  color:#575c6a;
  text-align:center;
}

.lr-guide__intro *{
  font-family:inherit !important;
  color:inherit !important;
}

.lr-guide__intro a[href^="#"],
.lr-guide__intro a[href^="/"],
.lr-guide__intro a[href^="./"],
.lr-guide__intro a[href^="../"],
.lr-guide__intro a[href^="https://lionerotik.com"],
.lr-guide__intro a[href^="http://lionerotik.com"],
.lr-guide__intro a[href^="https://www.lionerotik.com"],
.lr-guide__intro a[href^="http://www.lionerotik.com"],
.lr-guide__intro a:not([href*="://"]):not([href^="//"]):not([href^="mailto:"]):not([href^="tel:"]):not([href^="javascript:"]){
  color:#dc2626 !important;
}

.lr-guide-item{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-items:center;
  padding:18px 0;
  margin:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  border-bottom:1px solid rgba(0, 0, 0, 0.08);
  opacity:0;
  transform:translateY(16px);
  animation:lrGuideIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.lr-guide-item:last-of-type{
  border-bottom:none;
}

.lr-guide-item:nth-of-type(1){animation-delay:.05s}
.lr-guide-item:nth-of-type(2){animation-delay:.1s}
.lr-guide-item:nth-of-type(3){animation-delay:.15s}
.lr-guide-item:nth-of-type(4){animation-delay:.2s}
.lr-guide-item:nth-of-type(5){animation-delay:.25s}
.lr-guide-item:nth-of-type(6){animation-delay:.3s}
.lr-guide-item:nth-of-type(7){animation-delay:.35s}
.lr-guide-item:nth-of-type(8){animation-delay:.4s}
.lr-guide-item:nth-of-type(9){animation-delay:.45s}

.lr-guide-item:nth-child(even) .lr-guide-item__media{
  order:2;
}

.lr-guide-item:nth-child(even) .lr-guide-item__body{
  order:1;
}

.lr-guide-item__media{
  margin:0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(0, 0, 0, 0.08);
  box-shadow:0 12px 28px rgba(2, 6, 23, 0.12);
  transition:transform 0.28s ease, box-shadow 0.28s ease;
}

.lr-guide-item__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  aspect-ratio:4 / 3;
  transition:transform 0.35s ease;
}

.lr-guide-item:hover .lr-guide-item__media{
  transform:translateY(-4px);
  box-shadow:0 20px 30px rgba(2, 6, 23, 0.16);
}

.lr-guide-item:hover .lr-guide-item__media img{
  transform:scale(1.03);
}

.lr-guide-item__body h3{
  margin:0 0 12px;
  font-family:"Sora", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:clamp(18px, 1.45vw, 24px);
  line-height:1.3;
  font-weight:700;
}

.lr-guide-item__content{
  max-height:230px;
  overflow:hidden;
  position:relative;
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:#5c6270;
}

.lr-guide-item__content::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:64px;
  background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events:none;
}

.lr-guide-item__content.is-open{
  max-height:none;
}

.lr-guide-item__content.is-open::after{
  display:none;
}

.lr-guide-item__content p{
  margin:0 0 12px;
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:15px;
  line-height:1.8;
  color:#4b5568;
}

.lr-guide-item__content *{
  font-family:inherit !important;
}

.lr-guide-item__content p,
.lr-guide-item__content li,
.lr-guide-item__content span{
  color:#4b5568 !important;
}

.lr-guide-item__content h2,
.lr-guide-item__content h3{
  margin:0 0 10px;
  font-size:clamp(17px, 1.35vw, 22px);
  line-height:1.35;
  font-weight:700;
}

.lr-guide-item__content a{
  color:#7c3aed !important;
  text-decoration:underline;
  text-underline-offset:2px;
}

.lr-guide-item__content a[href^="#"],
.lr-guide-item__content a[href^="/"],
.lr-guide-item__content a[href^="./"],
.lr-guide-item__content a[href^="../"],
.lr-guide-item__content a[href^="https://lionerotik.com"],
.lr-guide-item__content a[href^="http://lionerotik.com"],
.lr-guide-item__content a[href^="https://www.lionerotik.com"],
.lr-guide-item__content a[href^="http://www.lionerotik.com"],
.lr-guide-item__content a:not([href*="://"]):not([href^="//"]):not([href^="mailto:"]):not([href^="tel:"]):not([href^="javascript:"]){
  color:#dc2626 !important;
}

.lr-guide-item__content a:hover{
  color:#5b21b6 !important;
}

.lr-guide-item__content a[href^="#"]:hover,
.lr-guide-item__content a[href^="/"]:hover,
.lr-guide-item__content a[href^="./"]:hover,
.lr-guide-item__content a[href^="../"]:hover,
.lr-guide-item__content a[href^="https://lionerotik.com"]:hover,
.lr-guide-item__content a[href^="http://lionerotik.com"]:hover,
.lr-guide-item__content a[href^="https://www.lionerotik.com"]:hover,
.lr-guide-item__content a[href^="http://www.lionerotik.com"]:hover,
.lr-guide-item__content a:not([href*="://"]):not([href^="//"]):not([href^="mailto:"]):not([href^="tel:"]):not([href^="javascript:"]):hover{
  color:#b91c1c !important;
}

.lr-guide-item__toggle{
  margin-top:4px;
  padding:10px 16px;
  border-radius:10px;
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  color:#036;
  background:#fff;
  border:1px solid rgba(0, 51, 102, 0.22);
  box-shadow:none;
  transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.lr-guide-item__toggle:hover{
  background:#f3f6fa;
  color:#036;
  border-color:rgba(0, 51, 102, 0.35);
}

.lr-guide-item__toggle:focus-visible{
  outline:2px solid rgba(56, 248, 255, 0.55);
  outline-offset:3px;
}

@keyframes lrGuideIn{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media (max-width: 900px){
  .lr-guide{
    margin-top:96px;
    padding:36px 0 28px;
  }

  .lr-guide__wrap{
    padding:0 14px;
    gap:16px;
  }

  .lr-guide-item{
    grid-template-columns:1fr;
    gap:14px;
    padding:14px 0;
  }

  .lr-guide-item:nth-child(even) .lr-guide-item__media,
  .lr-guide-item:nth-child(even) .lr-guide-item__body{
    order:initial;
  }

  .lr-guide-item__content{
    max-height:210px;
  }
}