/* mydotz ana sayfa (C1) */
.dz-hero { background: linear-gradient(135deg, #eafaf3 0%, #f7fdfb 60%, #ffffff 100%); padding: 56px 0 48px; }
.dz-hero-grid { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }
.dz-hero-text { flex: 1 1 420px; min-width: 300px; }
.dz-hero-text h1 { font-size: 40px; line-height: 1.15; color: #1f2430; margin: 0 0 16px; font-weight: 800; }
.dz-hero-text h1 span { color: #2aa17c; }
.dz-hero-sub { font-size: 17px; color: #4a5160; line-height: 1.65; margin-bottom: 24px; max-width: 540px; }
.dz-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.dz-hero-note { font-size: 13px; color: #2aa17c; font-weight: 600; }
.dz-hero-visual { flex: 0 1 380px; min-width: 260px; text-align: center; }
.dz-hero-visual img { max-width: 100%; height: auto; }

.dz-btn { display: inline-block; padding: 14px 28px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; transition: all .18s; }
.dz-btn-primary { background: #2aa17c; color: #fff !important; box-shadow: 0 4px 14px rgba(42,161,124,.35); }
.dz-btn-primary:hover { background: #238a68; color: #fff; }
.dz-btn-ghost { background: #fff; color: #1f2430 !important; border: 2px solid #d7dbe2; }
.dz-btn-ghost:hover { border-color: #2aa17c; color: #2aa17c !important; }

.dz-usp { padding: 22px 0; border-top: 1px solid #eef0f3; border-bottom: 1px solid #eef0f3; background: #fff; }
.dz-usp-row { display: flex; justify-content: space-around; gap: 16px; flex-wrap: wrap; text-align: center; }
.dz-usp-item { min-width: 150px; }
.dz-usp-ic { display: block; font-size: 26px; margin-bottom: 6px; }
.dz-usp-item b { display: block; font-size: 14px; color: #1f2430; }
.dz-usp-item small { color: #7a8090; font-size: 12px; }

.dz-sec-title { text-align: center; font-size: 28px; font-weight: 800; color: #1f2430; margin: 0 0 28px; }
.dz-best { padding: 52px 0 30px; }
.dz-center { text-align: center; margin-top: 10px; }

.dz-how { background: #f7fdfb; padding: 52px 0; }
.dz-how-row { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; }
.dz-how-step { flex: 1 1 260px; max-width: 340px; background: #fff; border: 1px solid #e6efeb; border-radius: 12px; padding: 26px 22px; text-align: center; }
.dz-how-no { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #2aa17c; color: #fff; font-weight: 800; font-size: 18px; margin-bottom: 12px; }
.dz-how-step b { display: block; font-size: 17px; color: #1f2430; margin-bottom: 8px; }
.dz-how-step p { font-size: 14px; color: #5a6170; line-height: 1.55; margin: 0; }

.dz-kit { padding: 52px 0 60px; }
.dz-kit-grid { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }
.dz-kit-visual { flex: 0 1 400px; min-width: 260px; }
.dz-kit-visual img { max-width: 100%; height: auto; border-radius: 12px; }
.dz-kit-text { flex: 1 1 380px; min-width: 300px; }
.dz-kit-list { list-style: none; padding: 0; margin: 0 0 24px; }
.dz-kit-list li { font-size: 16px; color: #3a4150; padding: 7px 0; }

@media (max-width: 768px) {
  .dz-hero { padding: 34px 0 30px; }
  .dz-hero-text h1 { font-size: 28px; }
  .dz-sec-title { font-size: 22px; }
}

/* C4: gercek yorumlar + ornek calismalar */
.dz-reviews { padding: 48px 0 30px; background: #fff; }
.dz-rev-row { display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; }
.dz-rev-card { flex: 1 1 300px; max-width: 360px; background: #f7fdfb; border: 1px solid #e2f0ea; border-radius: 12px; padding: 20px; }
.dz-rev-stars { color: #f5a623; font-size: 17px; letter-spacing: 2px; margin-bottom: 8px; }
.dz-rev-text { font-size: 14px; color: #3a4150; line-height: 1.6; margin: 0 0 12px; }
.dz-rev-meta { font-size: 12px; color: #7a8090; }
.dz-rev-meta a { color: #2aa17c; text-decoration: none; }

.dz-gallery { padding: 44px 0 50px; background: #fff; }
.dz-gal-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.dz-gal-item { display: block; border-radius: 10px; overflow: hidden; border: 1px solid #eef0f3; transition: transform .18s, box-shadow .18s; }
.dz-gal-item:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.dz-gal-item img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3/4; display: block; }
.dz-gal-note { text-align: center; color: #7a8090; font-size: 13px; margin-top: 16px; }
@media (max-width: 900px) { .dz-gal-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .dz-gal-row { grid-template-columns: repeat(2, 1fr); } }

/* guven rozeti + deneyim ozeti */
.dz-hero-rating { font-size: 14px; color: #3a4150; margin-bottom: 12px; }
.dz-hero-rating .dz-stars { color: #f5a623; letter-spacing: 2px; margin-right: 4px; }
.dz-hero-rating small { color: #9aa0ac; display: block; font-size: 11px; margin-top: 2px; }
.dz-exp { padding: 46px 0 30px; background: #fff; }
.dz-exp-lead { text-align: center; color: #4a5160; font-size: 15px; max-width: 640px; margin: -10px auto 26px; line-height: 1.6; }