/* ============================================================
   Qiymət səhifələri (SEO)
   ============================================================ */
.pr-page .section-head { margin-bottom:10px; }

/* indeks grid */
.pr-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; margin-top:14px; }
.pr-card { display:flex; flex-direction:column; justify-content:space-between; gap:12px; background:var(--surface,#fff); border:1px solid var(--border); border-radius:14px; padding:16px; transition:box-shadow .15s, transform .15s, border-color .15s; }
.pr-card:hover { box-shadow:var(--shadow,0 6px 24px rgba(15,23,42,.08)); transform:translateY(-3px); border-color:#cfd8e6; }
.pr-card-top small { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.4px; }
.pr-card-top h2 { margin:2px 0 0; font-size:17px; color:var(--navy-900,#0f172a); }
.pr-card-price span { display:block; font-size:20px; font-weight:800; color:var(--accent,#f59e0b); }
.pr-card-price span small { font-size:12px; font-weight:600; color:var(--muted); }
.pr-card-price > small { font-size:12.5px; }

/* detal başlıq */
.pr-head { display:flex; align-items:center; gap:18px; margin:6px 0 18px; flex-wrap:wrap; }
.pr-head-img { flex:0 0 auto; width:90px; height:110px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#f7f9fc,#eef2f7); border-radius:12px; padding:8px; }
.pr-head-img img { max-width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply; }
.pr-head h1 { margin:0 0 4px; font-size:26px; }
@media (max-width:560px){ .pr-head h1 { font-size:21px; } }

/* stat lövhələri */
.pr-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
@media (max-width:560px){ .pr-stats { grid-template-columns:repeat(2,1fr); } }
.pr-stat { background:var(--surface,#fff); border:1px solid var(--border); border-radius:12px; padding:14px; text-align:center; }
.pr-stat span { display:block; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.4px; margin-bottom:4px; }
.pr-stat strong { font-size:20px; color:var(--navy-900,#0f172a); }
.pr-stat-main { background:var(--navy-900,#0f172a); border-color:var(--navy-900,#0f172a); }
.pr-stat-main span { color:#cbd5e1; }
.pr-stat-main strong { color:var(--accent,#f59e0b); }

.pr-section { padding:18px; margin-bottom:18px; }
.pr-section h2 { margin:0 0 14px; font-size:18px; }

/* vəziyyətə görə */
.pr-cond { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px; }
.pr-cond-item { border:1px solid var(--border); border-radius:10px; padding:12px; text-align:center; }
.pr-cond-label { display:block; font-weight:600; color:var(--navy-900,#0f172a); font-size:13px; }
.pr-cond-avg { display:block; font-size:18px; font-weight:800; color:var(--accent,#f59e0b); margin:4px 0 2px; }
.pr-cond-item small { color:var(--muted); font-size:12px; }

/* qrafik */
.pr-chart { display:flex; align-items:flex-end; gap:8px; height:180px; overflow-x:auto; padding-top:10px; }
.pr-bar { flex:1 0 42px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; }
.pr-bar-fill { width:60%; max-width:34px; background:linear-gradient(180deg,var(--accent,#f59e0b),#f7b733); border-radius:6px 6px 0 0; min-height:6px; }
.pr-bar-val { font-size:11px; font-weight:700; color:var(--navy-900,#0f172a); margin-top:4px; }
.pr-bar-lbl { font-size:11px; color:var(--muted); margin-top:2px; white-space:nowrap; }

.pr-spec-link { margin:4px 0 18px; }

/* FAQ */
.pr-faq-item { border-top:1px solid var(--border); padding:4px 0; }
.pr-faq-item:first-of-type { border-top:0; }
.pr-faq-item summary { cursor:pointer; font-weight:600; padding:10px 0; color:var(--navy-900,#0f172a); list-style:none; position:relative; padding-right:28px; }
.pr-faq-item summary::-webkit-details-marker { display:none; }
.pr-faq-item summary::after { content:'+'; position:absolute; right:6px; top:8px; font-size:20px; color:var(--muted); transition:transform .15s; }
.pr-faq-item[open] summary::after { content:'−'; }
.pr-faq-a { padding:0 0 12px; color:var(--text); line-height:1.6; }

@media (prefers-color-scheme: dark) {
  .pr-head-img { background:#141a24; }
  .pr-head-img img { mix-blend-mode:normal; }
}