/* station.css — სადგურის გვერდი (/station/<slug>)
 *
 * ჰირო აღარაა ბრენდის ფერის ზოლი — საიტის საერთო `.lh-hero`-ია (listing-hero.css),
 * სექციების სათაურები `.v7-sec/.v7-sech/.v7-sicon`, კონტეინერი `.v7-wrap`.
 * აქ მხოლოდ ის რჩება, რაც ამ გვერდს ეკუთვნის: ფასის ბარათი, კალკულატორი,
 * სხვა სადგურების ბადე.
 */

.breadcrumb-section{background:transparent;border:0;padding:14px 0 0}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#94a3b8;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif)}
.breadcrumb a{color:#64748b;text-decoration:none}
.breadcrumb a:hover{color:#6d28d9}
.bc-sep{color:#cbd5e1}
.bc-current{color:#334155;font-weight:600}

.station-main{padding:0 0 44px;background:var(--bg,#f6f7fb)}
.station-prices-section{margin-bottom:8px}

/* საწვავის ჯგუფის ქვესათაური — .v7-sublabel-ის იმავე წონაზე */
.fuel-group-title{display:flex;align-items:center;gap:7px;margin:20px 2px 10px;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif);
  font-size:12.5px;font-weight:600;color:#475569}
.fuel-group-title:first-of-type{margin-top:4px}
.fuel-group-title i{font-size:11px;color:var(--fuel-color,#7c3aed);opacity:.9}

/* ── ფასის ბარათი ────────────────────────────────────────────────────────
   ძველად ზემოთ 4px-იანი ფერადი ზოლი ედო და ჰოვერზე 4px ხტებოდა.          */
.price-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.price-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.price-card:hover{border-color:var(--fuel-color,#7c3aed);transform:translateY(-2px);
  box-shadow:0 14px 30px -22px rgba(2,32,20,.55)}
.price-card--best{border-color:#c4b5fd;box-shadow:0 10px 24px -20px rgba(109,40,217,.55)}

.price-card-header{position:relative;display:flex;align-items:center;gap:11px;
  padding:14px 15px;border-bottom:1px solid #f1f5f9}
.fuel-icon{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  color:#fff;font-size:15px}
.fuel-info{flex:1;min-width:0}
.fuel-name{margin:0 0 1px;font-family:var(--font-heading,'BPG Glaho Bold',sans-serif);
  font-size:14.5px;font-weight:600;color:#0f172a}
.fuel-octane{font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:11px;color:#64748b}
.best-badge{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;
  background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border-radius:999px;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:10px;font-weight:700}

.price-card-body{padding:14px 15px}
.main-price{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}
.price-amount{font-family:var(--disp,'BPG Banner SuperSquare Caps',sans-serif);
  font-size:30px;font-weight:700;color:#0f172a;letter-spacing:.5px;line-height:1}
.price-currency{font-size:15px;font-weight:600;color:#64748b}
.price-unit{margin-left:3px;font-family:var(--font-input,'BPG Arial Caps',sans-serif);
  font-size:11.5px;color:#94a3b8}

.card-price{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#f8fafc;
  border-radius:9px;margin-bottom:13px;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:11.5px}
.card-label{color:#64748b}
.card-label i{margin-right:4px;opacity:.7}
.card-value{margin-left:auto;font-family:'Inter',system-ui,sans-serif;font-weight:600;color:#334155}

/* ── ბაზრის შედარების ზოლი ─────────────────────────────────────────────── */
.market-comparison{margin-bottom:12px}
.comparison-bar{margin-bottom:7px}
.comparison-track{position:relative;height:6px;background:#eef2f7;border-radius:4px;margin-bottom:8px}
.comparison-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:4px;transition:width .3s ease}
.comparison-marker{position:absolute;top:-4px;width:14px;height:14px;border-radius:50%;
  border:3px solid #fff;box-shadow:0 2px 5px rgba(2,32,20,.28);transform:translateX(-50%);z-index:2}
.marker-low{background:#7c3aed}
.marker-high{background:#dc2626}
.comparison-labels{display:flex;justify-content:space-between;gap:8px;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:10.5px;color:#94a3b8}

.price-diff{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:11.5px;font-weight:600}
.diff-lower{color:#6d28d9;background:#f5f3ff}
.diff-higher{color:#b91c1c;background:#fef2f2}

.rank-info{display:flex;align-items:center;gap:8px;padding-top:11px;margin-top:12px;
  border-top:1px solid #f1f5f9}
.rank-badge{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:11.5px}
.rank-1{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff}
.rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff}
.rank-3{background:linear-gradient(135deg,#d6a06a,#b45309);color:#fff}
.rank-other{background:#f1f5f9;color:#64748b}
.rank-text{font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:11.5px;color:#64748b}

/* ── კალკულატორი ────────────────────────────────────────────────────────── */
.station-calc-section{margin-bottom:8px}
.station-calc-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:16px}
.calc-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end}
.calc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.calc-field label{font-family:var(--font-input,'BPG Arial Caps',sans-serif);
  font-size:11.5px;font-weight:600;color:#64748b}
.calc-field select,.calc-field input{height:42px;padding:0 12px;background:#fff;
  border:1px solid #e8edf3;border-radius:10px;color:#334155;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:13.5px;
  transition:border-color .14s,box-shadow .14s}
.calc-field select:focus,.calc-field input:focus{outline:none;border-color:#7c3aed;
  box-shadow:0 0 0 3px rgba(124,58,237,.14)}
.calc-result-box{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;
  background:radial-gradient(130% 130% at 0% 0%,#3b0764,#2e1065 42%,#0f0420);
  border-radius:10px;color:#fff}
.calc-label{margin-right:auto;font-family:var(--font-input,'BPG Arial Caps',sans-serif);
  font-size:11.5px;opacity:.8}
.calc-total{font-family:var(--disp,'BPG Banner SuperSquare Caps',sans-serif);
  font-size:20px;font-weight:700;letter-spacing:.5px}
.calc-currency{font-size:13px;opacity:.85}

/* ── სხვა სადგურები ─────────────────────────────────────────────────────── */
.other-stations-section{margin-top:8px}
.other-stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.os-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 12px;
  background:#fff;border:1px solid #e8edf3;border-radius:14px;text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.os-card:hover{border-color:var(--os-color,#7c3aed);transform:translateY(-2px);
  box-shadow:0 14px 30px -22px rgba(2,32,20,.55)}
.os-logo{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:#fff;border:1px solid #eef2f7;padding:5px;overflow:hidden}
.os-logo img{max-width:100%;max-height:100%;object-fit:contain}
.os-logo i{font-size:19px;color:var(--os-color,#7c3aed)}
.os-name{font-family:var(--font-heading,'BPG Glaho Bold',sans-serif);font-size:13px;
  color:#0f172a;text-align:center;line-height:1.3}
.os-fuel-count{font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:11px;color:#64748b}

.back-to-fuel{margin-top:18px;text-align:center}
.btn-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;
  background:#fff;border:1px solid #e8edf3;border-radius:10px;color:#334155;text-decoration:none;
  font-family:var(--font-input,'BPG Arial Caps',sans-serif);font-size:13px;font-weight:600;
  transition:border-color .14s,color .14s}
.btn-back:hover{border-color:#7c3aed;color:#6d28d9}

[data-theme=dark] .price-card,[data-theme=dark] .os-card,
[data-theme=dark] .station-calc-card{background:#0d1117;border-color:#1e293b}
[data-theme=dark] .price-card-header{border-bottom-color:#161b22}
[data-theme=dark] .fuel-name,[data-theme=dark] .price-amount,
[data-theme=dark] .os-name{color:#e2e8f0}
[data-theme=dark] .card-price{background:#161b22}
[data-theme=dark] .comparison-track{background:#1e293b}
[data-theme=dark] .rank-info{border-top-color:#161b22}
[data-theme=dark] .calc-field select,[data-theme=dark] .calc-field input,
[data-theme=dark] .btn-back{background:#0d1117;border-color:#1e293b;color:#cbd5e1}
[data-theme=dark] .os-logo{background:#fff;border-color:#1e293b}
[data-theme=dark] .bc-current{color:#cbd5e1}

@media(max-width:1024px){
  .price-cards-grid{grid-template-columns:repeat(2,1fr)}
  .calc-grid{grid-template-columns:1fr 1fr}
  .calc-result-box{grid-column:span 2}
}
@media(max-width:600px){
  .price-cards-grid{grid-template-columns:1fr}
  .calc-grid{grid-template-columns:1fr}
  .calc-result-box{grid-column:span 1}
  .other-stations-grid{grid-template-columns:repeat(2,1fr)}
  .price-amount{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  .price-card:hover,.os-card:hover{transform:none}
}