/* kayit-ve-kurulum.html — online-siparis-sisteminin-ozellikleri ile aynı layout (mobile-one, mobile-two, one-section ozellikleri-grey) */

/* Kurulum bantları — tek tip siyah yerine bölümden bölüme ayrışan gövde tonları */
html[data-partner-page="kayit-ve-kurulum"] #main_wrapper .article > section.one-section.nn_section.ozellikleri-grey {
  border-top: 1px solid rgba(255, 255, 255, 0.055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper section.one-section.nn_section.ozellikleri-grey[aria-labelledby="kvk-step2"] {
  background: linear-gradient(168deg, #151c2a 0%, #101622 44%, #0b0e14 100%) !important;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper section.one-section.nn_section.ozellikleri-grey[aria-labelledby="kvk-step3"] {
  background: linear-gradient(168deg, #161322 0%, #110f1a 44%, #0b0a10 100%) !important;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper section.one-section.nn_section.ozellikleri-grey[aria-labelledby="kvk-step4"] {
  background: linear-gradient(168deg, #0f1a1c 0%, #0c1418 46%, #090f12 100%) !important;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper section.one-section.nn_section.ozellikleri-grey[aria-labelledby="kvk-step5"] {
  background: linear-gradient(168deg, #181410 0%, #13100c 46%, #0e0b09 100%) !important;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper section.one-section.nn_section.ozellikleri-grey[aria-labelledby="kvk-step6"] {
  background: linear-gradient(168deg, #121820 0%, #0e131a 46%, #0a0d12 100%) !important;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper section.one-section.nn_section.ozellikleri-grey[aria-labelledby="kvk-step7"] {
  background: linear-gradient(
    168deg,
    rgba(var(--pf-brand-rgb), 0.11) 0%,
    #141016 28%,
    #0f0d11 100%
  ) !important;
}

/* Kurulum maddeleri: koyu gri bant üzerinde okunabilir ayırıcı */
html[data-partner-page="kayit-ve-kurulum"] .one-section.nn_section.ozellikleri-grey .pf-kvk-setup__list > li {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li {
  position: relative;
  padding: 0.75rem 0 0.75rem 1rem;
  border-top: 1px solid var(--pf-border);
  font-size: 0.96rem;
  line-height: 1.6;
  color: var(--pf-text-muted) !important;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.15rem;
  width: 3px;
  height: calc(100% - 1.5rem);
  border-radius: 2px;
  background: linear-gradient(180deg, var(--pf-brand), rgba(var(--pf-brand-rgb), 0.2));
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li:first-child {
  border-top: none;
  padding-top: 0;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li:first-child::before {
  top: 0.35rem;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li p {
  margin: 0 0 0.4rem;
  color: inherit !important;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li p:last-child {
  margin-bottom: 0;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li strong {
  color: var(--pf-text) !important;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li em {
  color: var(--pf-text-muted) !important;
  font-size: 0.88rem;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0.5rem 0 0;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-setup__list > li ul li {
  margin-bottom: 0.3rem;
  font-size: 0.93rem;
  color: var(--pf-text-muted) !important;
}

/* Alt CTA */
html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-footer-cta__text {
  max-width: 36rem;
  margin: 0 auto 1.75rem;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-footer-cta__text p {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.65;
  color: var(--pf-text-muted) !important;
}

html[data-partner-page="kayit-ve-kurulum"] .pf-kvk-cta-row.pf-hero__cta {
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* Gri bölümde iç içe liste metni */
html[data-partner-page="kayit-ve-kurulum"] .one-section.nn_section.ozellikleri-grey .pf-kvk-setup__list > li ul li {
  color: #b8c0d0 !important;
}

html[data-partner-page="kayit-ve-kurulum"] .one-section.nn_section.ozellikleri-grey .pf-kvk-setup__list > li strong {
  color: #f2f4f8 !important;
}

/* Hero görseli — taşmayı önlerken okunaklı boyut */
html[data-partner-page="kayit-ve-kurulum"] #main_wrapper .article .mobile-one .mobile-one__visual {
  max-width: min(580px, 94vw) !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper .article .mobile-one .mobile-one__visual picture {
  display: block;
  line-height: 0;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper .article .mobile-one .mobile-one__visual img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: min(560px, 72vh) !important;
  object-fit: contain;
}

html[data-partner-page="kayit-ve-kurulum"] #main_wrapper .one-section .image picture {
  display: block;
  line-height: 0;
}

/* Kayıt CTA altı kısa not */
html[data-partner-page="kayit-ve-kurulum"] .mobile-two .mobile-block .pf-kvk-reg-note {
  margin: 0.85rem 0 0;
  max-width: 22rem;
  font-size: 0.95rem;
  line-height: 1.45;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.72);
}

@media only screen and (max-width: 720px) {
  html[data-partner-page="kayit-ve-kurulum"] .mobile-two .mobile-block .pf-kvk-reg-note {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 100%;
  }
}

/* mobile-two: çizgi ikonlar (kutu arka planı yok) */
html[data-partner-page="kayit-ve-kurulum"] .mobile-two .mobile-block-list li .icon.pf-kvk-m2-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: 50px;
  margin-bottom: 15px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}

html[data-partner-page="kayit-ve-kurulum"] .mobile-two .mobile-block-list li .icon.pf-kvk-m2-icon svg {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  color: #ffffff;
}