/* ==========================================================================
   play-store-like.html  •  04 BÖLÜMLER (parça 1/2)
   About this app · What's new · Data safety
   ========================================================================== */

.sec{padding:28px 0}
.sec+.sec{border-top:1px solid var(--gp-divider)}
.sec-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  cursor:pointer;
}
.sec-head>.t-sub{display:flex;align-items:center;gap:8px}
.sec-head .sec-caret{color:var(--gp-text-2);transition:transform .2s}
.sec-head[aria-expanded="true"] .sec-caret{transform:rotate(90deg)}
.sec-body{margin-top:16px}

/* ---------- kart ---------- */
.card{
  border:1px solid var(--gp-divider);border-radius:var(--gp-radius-l);
  padding:20px;background:var(--gp-surface);
}
.card-head{display:flex;align-items:center;gap:12px}
.card-head .ic{color:var(--gp-text-2)}
.card+.card{margin-top:16px}

/* ---------- About this app ---------- */
.desc{font-size:14px;line-height:1.5;color:var(--gp-text-2);white-space:pre-line}
.desc.is-clamped{
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
.read-more{
  margin-top:8px;font-size:14px;font-weight:500;color:var(--gp-green);
  display:inline-flex;align-items:center;gap:4px;
}
.read-more:hover{text-decoration:underline}
.read-more[hidden]{display:none}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.updated{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:12px;color:var(--gp-text-2)}
.updated .ic{color:var(--gp-text-3)}
.rank-card{
  display:flex;align-items:center;gap:12px;margin-top:20px;
  padding:12px 16px;border-radius:var(--gp-radius-m);background:var(--gp-surface-2);
}
.rank-card .rk-v{font-family:var(--ff-head);font-size:16px;font-weight:500;color:var(--gp-text)}
.rank-card .rk-k{font-size:12px;color:var(--gp-text-2)}

/* ---------- What's new ---------- */
.whatsnew-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.whatsnew-list li{
  position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:var(--gp-text-2);
}
.whatsnew-list li::before{
  content:"";position:absolute;left:4px;top:8px;width:5px;height:5px;
  border-radius:50%;background:var(--gp-green);
}
.version-line{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--gp-text-2)}
.version-line .ic{color:var(--gp-text-3)}

/* ---------- Data safety ---------- */
.ds-intro{font-size:14px;line-height:1.5;color:var(--gp-text-2);margin-top:12px}
.ds-block{margin-top:24px}
.ds-block-title{font-family:var(--ff-head);font-size:14px;font-weight:500;color:var(--gp-text)}
.ds-icons{display:flex;gap:16px;margin-top:12px}
.ds-icons .ic{color:var(--gp-text-3)}
.ds-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ds-point{display:flex;gap:16px;align-items:flex-start;margin-top:20px}
.ds-point .ic{color:var(--gp-text-3);margin-top:2px}
.ds-point .ds-t{font-size:14px;color:var(--gp-text-2);font-weight:400}
.ds-more{margin-top:20px}
.ds-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}
.ds-table th,.ds-table td{
  text-align:left;padding:10px 12px;border-bottom:1px solid var(--gp-divider);
  vertical-align:top;color:var(--gp-text-2);
}
.ds-table th{
  font-family:var(--ff-head);font-weight:500;color:var(--gp-text);font-size:12px;
  text-transform:uppercase;letter-spacing:.4px;
}
.ds-table tr:last-child td{border-bottom:0}

/* ==========================================================================
   parça 2/2 — Ratings & reviews · App support · Developer · Similar · Footer
   ========================================================================== */

/* ---------- Ratings and reviews ---------- */
.reviews-summary{
  display:grid;grid-template-columns:auto minmax(180px,1fr);gap:40px;
  align-items:center;margin-top:20px;
}
.rating-big{display:flex;flex-direction:column;gap:8px;min-width:150px}
.rating-big .rb-v{font-family:var(--ff-head);font-size:48px;line-height:1;font-weight:500}
.rating-big .rb-k{font-size:12px;color:var(--gp-text-2)}
.hist{display:flex;flex-direction:column;gap:8px}
.hist-row{display:flex;align-items:center;gap:12px}
.hist-i{width:8px;font-size:12px;color:var(--gp-text-2);text-align:right}
.hist-track{flex:1;height:8px;border-radius:var(--gp-pill);background:var(--gp-track);overflow:hidden}
.hist-fill{height:100%;border-radius:var(--gp-pill);background:var(--gp-green)}
.hist-c{width:46px;font-size:12px;color:var(--gp-text-3);text-align:right}
.verified{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;color:var(--gp-text-2)}
.verified .ic{color:var(--gp-text-3)}
.review{display:flex;gap:16px;padding:24px 0}
.review+.review{border-top:1px solid var(--gp-divider)}
.review-body{flex:1;min-width:0}
.review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.review-name{font-family:var(--ff-head);font-size:14px;font-weight:500}
.review-date{font-size:12px;color:var(--gp-text-3);margin-top:2px}
.review-stars{margin:10px 0 8px}
.review-text{font-size:14px;line-height:1.5;color:var(--gp-text-2);white-space:pre-line}
.review-helpful{margin-top:12px;font-size:12px;color:var(--gp-text-3)}
.helpful{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.helpful .q{font-size:12px;color:var(--gp-text-2)}
.helpful .btn-neutral{height:32px;padding:0 16px;font-size:13px}
.helpful .btn-neutral.is-on{border-color:var(--gp-green);color:var(--gp-green);background:rgba(1,135,95,.06)}
.see-all{display:inline-block;margin-top:12px;font-size:14px;font-weight:500;color:var(--gp-green)}
.see-all:hover{text-decoration:underline}

/* ---------- App support / About the developer ---------- */
.info-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 8px;
}
.info-row+.info-row{border-top:1px solid var(--gp-divider)}
.info-row:hover{background:var(--gp-hover)}
.info-row .ir-l{font-size:14px;color:var(--gp-text-2)}
.info-row .ir-r{
  display:flex;align-items:center;gap:12px;font-size:14px;color:var(--gp-text);
  text-align:right;word-break:break-word;
}

/* ---------- footer ---------- */
.gp-footer{border-top:1px solid var(--gp-divider);margin-top:32px;padding:32px 0 64px}
.gf-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.gf-col h4{font-family:var(--ff-head);font-size:14px;font-weight:500;margin:0 0 12px}
.gf-col a{display:block;padding:6px 0;font-size:13px;color:var(--gp-text-2)}
.gf-col a:hover{color:var(--gp-text)}
.gf-bottom{
  display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding-top:24px;
  border-top:1px solid var(--gp-divider);font-size:12px;color:var(--gp-text-3);
}