/* ====================================================
   POTENSI — Potensi Wilayah styles
==================================================== */
.potensi-hero-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:56px; }
.pot-card { border-radius:var(--radius-lg); padding:32px 24px; text-align:center; transition:var(--tr); cursor:pointer; position:relative; overflow:hidden; }
.pot-card::before { content:''; position:absolute; inset:0; background:rgba(255,255,255,.06); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.1); border-radius:inherit; z-index:0; }
.pot-card:hover::before { background:rgba(58,127,216,.12); border-color:rgba(58,127,216,.35); }
.pot-card > * { position:relative; z-index:1; }
.pot-card:hover { transform:translateY(-6px); }
.pot-icon { font-size:2.6rem; margin-bottom:14px; }
.pot-title { font-weight:800; font-size:1rem; margin-bottom:6px; }
.pot-desc  { font-size:.78rem; color:rgba(255,255,255,.5); line-height:1.6; }
.item-list { display:flex; flex-direction:column; gap:12px; }
.item-row { display:flex; align-items:flex-start; gap:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); padding:16px; transition:var(--tr); }
.item-row:hover { background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.15); }
.item-icon { width:44px; height:44px; flex-shrink:0; border-radius:12px; background:var(--g-soft); display:flex; align-items:center; justify-content:center; font-size:1.3rem; }
.item-info h4 { font-size:.9rem; font-weight:700; margin-bottom:3px; }
.item-info p  { font-size:.81rem; color:rgba(255,255,255,.48); }
.wisata-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.wisata-card { border-radius:var(--radius-lg); overflow:hidden; transition:var(--tr); }
.wisata-card:hover { transform:translateY(-5px); box-shadow:0 16px 48px rgba(4,16,31,.5); }
.wisata-img  { height:160px; display:flex; align-items:center; justify-content:center; font-size:3rem; position:relative; }
.wisata-body { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-top:none; padding:18px; backdrop-filter:blur(8px); }
.wisata-body h4 { font-weight:800; margin-bottom:6px; font-size:.9rem; }
.wisata-body p  { font-size:.8rem; color:rgba(255,255,255,.5); }
@media(max-width:900px){ .potensi-hero-grid{grid-template-columns:repeat(2,1fr);} .wisata-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .potensi-hero-grid{grid-template-columns:1fr;} .wisata-grid{grid-template-columns:1fr;} }