/* Smart Calculators Pro v1.3.0 - Frontend Styles */
:root {
    --scp-primary:       #2563eb;
    --scp-primary-dark:  #1d4ed8;
    --scp-primary-light: #eff6ff;
    --scp-success:       #10b981;
    --scp-success-bg:    #f0fdf4;
    --scp-danger:        #dc2626;
    --scp-gray-50:       #f8fafc;
    --scp-gray-100:      #f1f5f9;
    --scp-gray-200:      #e2e8f0;
    --scp-gray-400:      #94a3b8;
    --scp-gray-500:      #64748b;
    --scp-gray-700:      #334155;
    --scp-gray-900:      #0f172a;
    --scp-radius:        12px;
    --scp-shadow:        0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
    --scp-shadow-md:     0 4px 16px rgba(0,0,0,.10);
}

/* ─── Wrappers ─────────────────────────────────────────────── */
.scp-wrapper { max-width:1200px; margin:0 auto; padding:0 0 20px 0 }
.scp-page-wrap { max-width:1200px; margin:0 auto; padding:24px 16px }

/* ─── Breadcrumb ────────────────────────────────────────────── */
.scp-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; font-size:.82rem; color:var(--scp-gray-500); margin-bottom:20px }
.scp-breadcrumb a { color:var(--scp-gray-500); text-decoration:none }
.scp-breadcrumb a:hover { color:var(--scp-primary) }
.scp-bc-sep { color:var(--scp-gray-400) }

/* ─── Calculator Card ────────────────────────────────────────── */
.scp-calculator-card { background:#fff; border:1px solid var(--scp-gray-200); border-radius:var(--scp-radius); overflow:hidden; box-shadow:var(--scp-shadow); margin-bottom:24px }
.scp-calc-header { display:flex; align-items:flex-start; gap:14px; padding:24px 24px 16px; background:var(--scp-primary-light); border-bottom:1px solid var(--scp-gray-200) }
.scp-calc-emoji { font-size:2.4rem; flex-shrink:0; line-height:1 }
.scp-calc-title { font-size:1.45rem; font-weight:800; color:var(--scp-gray-900); margin:0 0 4px }
.scp-calc-desc  { color:var(--scp-gray-500); margin:0; font-size:.9rem; line-height:1.5 }

/* ─── Form ───────────────────────────────────────────────────── */
.scp-form { padding:20px 24px }
.scp-field { margin-bottom:16px }
.scp-label { display:block; font-weight:600; color:var(--scp-gray-700); font-size:.875rem; margin-bottom:5px }
.scp-unit-label { font-weight:400; color:var(--scp-gray-400); font-size:.8rem; margin-left:4px }
.scp-input-field { display:block; width:100%; padding:9px 12px; border:1.5px solid var(--scp-gray-200); border-radius:8px; font-size:.95rem; color:var(--scp-gray-900); background:#fff; outline:none; transition:border-color .15s, box-shadow .15s; box-sizing:border-box }
.scp-input-field:focus { border-color:var(--scp-primary); box-shadow:0 0 0 3px rgba(37,99,235,.12) }
.scp-actions { display:flex; gap:10px; margin-top:20px; flex-wrap:wrap }

/* ─── Buttons ─────────────────────────────────────────────────── */
.scp-btn { display:inline-flex; align-items:center; gap:6px; padding:10px 22px; font-size:.9rem; font-weight:600; border-radius:8px; cursor:pointer; border:none; transition:all .15s; text-decoration:none }
.scp-btn-primary { background:var(--scp-primary); color:#fff }
.scp-btn-primary:hover { background:var(--scp-primary-dark); color:#fff; transform:translateY(-1px) }
.scp-btn-secondary { background:var(--scp-gray-100); color:var(--scp-gray-700); border:1.5px solid var(--scp-gray-200) }
.scp-btn-secondary:hover { background:var(--scp-gray-200) }

/* ─── Result ─────────────────────────────────────────────────── */
.scp-result { padding:18px 24px; background:var(--scp-success-bg); border-top:1px solid #d1fae5 }
.scp-result-inner { display:flex; align-items:center; gap:12px }
.scp-result-title { font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; color:var(--scp-success); font-weight:700 }
.scp-result-value { font-size:1.5rem; font-weight:800; color:var(--scp-gray-900); margin-top:2px }
.scp-result-number { color:var(--scp-primary); font-size:1.75rem }
.scp-result-rows { display:flex; flex-direction:column; gap:8px }
.scp-result-row { display:flex; align-items:center; justify-content:space-between; padding:8px 12px; background:#fff; border-radius:8px; border:1px solid #d1fae5 }
.scp-result-label { font-size:.85rem; color:var(--scp-gray-500); font-weight:600 }
.scp-result-val   { font-size:1rem; font-weight:800; color:var(--scp-gray-900) }
.scp-unit { font-size:.8rem; color:var(--scp-gray-400); font-weight:400; margin-left:3px }
.scp-error-text { color:var(--scp-danger); font-size:.9rem }

/* ─── Example box ────────────────────────────────────────────── */
.scp-example-box { padding:14px 24px; border-top:1px solid var(--scp-gray-200); background:var(--scp-gray-50) }
.scp-example-title { font-size:.8rem; font-weight:700; color:var(--scp-gray-500); margin-bottom:4px }
.scp-example-inputs { font-size:.85rem; color:var(--scp-gray-500); margin-bottom:4px }
.scp-example-text { font-size:.9rem; color:var(--scp-success); font-weight:600 }

/* ─── Grid ───────────────────────────────────────────────────── */
.scp-grid { display:grid; gap:14px }
.scp-grid-2 { grid-template-columns:repeat(2,1fr) }
/* .scp-grid-3 { grid-template-columns:repeat(3,1fr) } */
.scp-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr));}
.scp-grid-4 { grid-template-columns:repeat(4,1fr) }
@media(max-width:900px) {
    .scp-grid-4, .scp-grid-3 { grid-template-columns:repeat(2,1fr) }
}
@media(max-width:540px) {
    .scp-grid-4, .scp-grid-3, .scp-grid-2 { grid-template-columns:1fr }
}

/* ─── Calculator Thumbnail Card ──────────────────────────────── */
.scp-calc-thumb { display:flex; align-items:center; gap:12px; background:#fff; border:1.5px solid var(--scp-gray-200); border-radius:var(--scp-radius); padding:14px; text-decoration:none; color:inherit; transition:all .15s; position:relative }
.scp-calc-thumb:hover { border-color:var(--scp-primary); box-shadow:0 4px 14px rgba(37,99,235,.12); transform:translateY(-2px); color:inherit }
.scp-custom-badge { position:absolute; top:8px; right:8px; background:#e0f2fe; color:#0284c7; font-size:.65rem; font-weight:700; padding:2px 6px; border-radius:9999px }
.scp-thumb-icon { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; flex-shrink:0 }
.scp-thumb-body { flex:1; min-width:0 }
.scp-thumb-title { font-size:.9rem; font-weight:700; color:var(--scp-gray-900); white-space:normal; overflow:hidden; text-overflow:ellipsis }
.scp-thumb-desc  { font-size:.78rem; color:var(--scp-gray-500); margin-top:2px; white-space:normal; overflow:hidden; text-overflow:ellipsis }
.scp-thumb-cat   { font-size:.72rem; font-weight:600; margin-top:4px; display:block }
.scp-thumb-arrow { font-size:1.4rem; color:var(--scp-gray-400); flex-shrink:0; transition:color .15s }
.scp-calc-thumb:hover .scp-thumb-arrow { color:var(--scp-primary) }

/* ─── Active Category Header ─────────────────────────────────── */
.scp-active-cat-header { display:flex; align-items:center; gap:12px; background:var(--scp-primary-light); border:1.5px solid #bfdbfe; border-radius:var(--scp-radius); padding:12px 16px; margin-bottom:16px; flex-wrap:wrap }
.scp-active-cat-icon { font-size:1.4rem }
.scp-active-cat-name { font-size:1rem; font-weight:700; color:var(--scp-gray-900) }
.scp-cat-count { font-size:.8rem; color:var(--scp-gray-500); margin-left:auto }
.scp-clear-cat { font-size:.8rem; color:var(--scp-danger); text-decoration:none; font-weight:600; white-space:nowrap }
.scp-clear-cat:hover { text-decoration:underline }

/* ─── Empty state ────────────────────────────────────────────── */
.scp-empty-msg { text-align:center; padding:48px 24px; color:var(--scp-gray-500) }
.scp-empty-icon { font-size:2.5rem; margin-bottom:12px }
.scp-empty-msg p { font-size:1rem; margin-bottom:16px }
.scp-error-msg { color:var(--scp-danger); padding:12px 16px; background:#fef2f2; border:1px solid #fecaca; border-radius:8px; margin:8px 0 }

/* ─── Pagination ─────────────────────────────────────────────── */
.scp-pagination { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:0px; padding:16px 0 }
.scp-pagination-info { font-size:.82rem; color:var(--scp-gray-500) }
.scp-pagination-links { display:flex; align-items:center; gap:4px; flex-wrap:wrap; justify-content:center }
.scp-page-btn { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px; border-radius:8px; font-size:.875rem; font-weight:600; text-decoration:none; color:var(--scp-gray-700); background:#fff; border:1.5px solid var(--scp-gray-200); transition:all .15s; cursor:pointer }
.scp-page-btn:hover { border-color:var(--scp-primary); color:var(--scp-primary); text-decoration:none }
.scp-page-current { background:var(--scp-primary); color:#fff !important; border-color:var(--scp-primary) !important; cursor:default; pointer-events:none }
.scp-page-prev, .scp-page-next { padding:0 14px; gap:4px }
.scp-page-ellipsis { padding:0 6px; color:var(--scp-gray-400); font-size:1rem; user-select:none }

/* ─── Categories ─────────────────────────────────────────────── */
.scp-cats-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px }
.scp-cat-nav-card { display:flex; flex-direction:column; align-items:center; gap:6px; padding:16px 12px; background:#fff; border:2px solid var(--scp-gray-200); border-radius:12px; text-decoration:none; color:inherit; text-align:center; transition:all .15s }
.scp-cat-nav-card:hover { box-shadow:var(--scp-shadow-md); transform:translateY(-2px); color:inherit; text-decoration:none }
.scp-cat-nav-icon { width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.5rem }
.scp-cat-nav-name { font-size:.88rem; font-weight:700; color:var(--scp-gray-900) }
.scp-cat-nav-count { font-size:.72rem; color:var(--scp-gray-400) }

/* ─── Search ─────────────────────────────────────────────────── */
.scp-search-wrapper { max-width:1200px; margin:0 auto; padding:16px }
.scp-search-bar-wrap { position:relative; display:flex; align-items:center; gap:0 }
.scp-search-icon { position:absolute; left:14px; font-size:1rem; pointer-events:none; z-index:1 }
.scp-search-bar { width:100%; padding:14px 44px 14px 40px; font-size:1rem; border:2px solid var(--scp-gray-200); border-radius:12px; outline:none; background:#fff; transition:border-color .15s, box-shadow .15s; box-sizing:border-box }
.scp-search-bar:focus { border-color:var(--scp-primary); box-shadow:0 0 0 3px rgba(37,99,235,.12) }
.scp-search-clear { position:absolute; right:12px; background:none; border:none; cursor:pointer; color:var(--scp-gray-400); font-size:1rem; padding:4px; line-height:1 }
.scp-search-clear:hover { color:var(--scp-gray-700) }
.scp-search-results { margin-top:10px; min-height:48px }
.scp-search-placeholder { display:flex; align-items:center; gap:8px; color:var(--scp-gray-400); font-size:.9rem; padding:12px 4px }
.scp-search-empty { padding:20px 4px; color:var(--scp-gray-500); font-size:.9rem }
.scp-search-hits { display:flex; flex-direction:column; gap:6px }
.scp-search-hit { display:flex; align-items:center; gap:12px; padding:10px 14px; background:#fff; border:1.5px solid var(--scp-gray-200); border-radius:10px; text-decoration:none; color:inherit; transition:all .15s }
.scp-search-hit:hover { border-color:var(--scp-primary); box-shadow:var(--scp-shadow); color:inherit }
.scp-hit-icon { width:38px; height:38px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:1.25rem; flex-shrink:0 }
.scp-hit-body { flex:1; min-width:0 }
.scp-hit-title { font-size:.9rem; font-weight:700; color:var(--scp-gray-900) }
.scp-hit-cat   { font-size:.75rem; color:var(--scp-gray-500); margin-top:2px }
.scp-hit-arrow { font-size:1.2rem; color:var(--scp-gray-400) }
.scp-hl { background:#fef08a; padding:0 2px; border-radius:3px; font-style:normal }
.scp-search-more { font-size:.8rem; color:var(--scp-gray-400); padding:6px 4px; text-align:center }

.entry-content{
	    background: var(--white);
    border: 1.5px solid var(--border);
    border-radius: var(--radius);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* ─── Related Calculators ────────────────────────────────────── */
 
.scp-single-main {
  display: flex;
  gap: 24px;
}

.scp-single-main > .scp-related {
  flex: 1 1 calc(50.33% - 24px);
}

/* Tablet */
@media (max-width: 768px) {
  .scp-single-main > .scp-related {
    flex: 1 1 calc(50% - 16px);
	  width: 100%;
  }
	.scp-single-main {
 flex-direction: column;
}
}

/* Mobile */
@media (max-width: 480px) {
  .scp-single-main > .scp-related {
    flex: 1 1 100%;
  }
}
.scp-related { background:#fff; border:1px solid var(--scp-gray-200); border-radius:var(--scp-radius); padding:20px; box-shadow:var(--scp-shadow); width:33.4%; height: 100%;}
.scp-related-title { font-size:1rem; font-weight:700; color:var(--scp-gray-900); margin:0 0 14px }

/* ─── Responsive ─────────────────────────────────────────────── */
@media(max-width:640px) {
    .scp-calc-header { padding:16px }
    .scp-form { padding:16px }
    .scp-result { padding:14px 16px }
    .scp-example-box { padding:12px 16px }
    .scp-calc-title { font-size:1.15rem }
    .scp-page-wrap { padding:12px }
    .scp-cats-grid { grid-template-columns:repeat(3,1fr) }
}
@media(max-width:380px) {
    .scp-cats-grid { grid-template-columns:repeat(2,1fr) }
}

/* ============ Hub Home (Calculators / SEO / Pincode) ============ */
.scp-hub-hero{text-align:center;padding:60px 20px 40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px;margin-bottom:36px;box-shadow:0 20px 50px rgba(102,126,234,.25)}
.scp-hub-hero-title{font-size:42px;font-weight:800;margin:0 0 12px;letter-spacing:-.5px;color:#fff}
.scp-hub-hero-sub{font-size:18px;opacity:.95;max-width:680px;margin:0 auto;color:#fff}
.scp-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.scp-hub-card{background:#fff;border-radius:18px;padding:36px 28px;box-shadow:0 4px 20px rgba(15,23,42,.08);text-decoration:none;color:#0f172a;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.scp-hub-card::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}
.scp-hub-card-seo::before{background:linear-gradient(90deg,#10b981,#06b6d4)}
.scp-hub-card-pin::before{background:linear-gradient(90deg,#f59e0b,#ef4444)}
.scp-hub-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(15,23,42,.12)}
.scp-hub-icon{font-size:46px;line-height:1;margin-bottom:18px}
.scp-hub-title{font-size:24px;font-weight:700;margin:0 0 10px;color:#0f172a}
.scp-hub-desc{font-size:15px;line-height:1.55;color:#64748b;margin:0 0 22px;flex:1}
.scp-hub-cta{display:inline-block;font-weight:600;color:#4f46e5;font-size:15px}
.scp-hub-card-seo .scp-hub-cta{color:#10b981}
.scp-hub-card-pin .scp-hub-cta{color:#ef4444}
@media(max-width:880px){.scp-hub-grid{grid-template-columns:1fr}.scp-hub-hero-title{font-size:32px}}

/* ============ SEO tool single page ============ */
.scp-tool-result{margin-top:22px;padding:20px;background:#0f172a;border:1px solid #1e293b;border-radius:14px;color:#e2e8f0}
.scp-tool-result .scp-result-title{font-weight:700;color:#93c5fd;margin-bottom:12px;font-size:13px;text-transform:uppercase;letter-spacing:.6px}
.scp-tool-output pre.scp-code-out{background:#020617;border-radius:10px;padding:16px;overflow-x:auto;color:#a7f3d0;font-family:Menlo,Consolas,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}
.scp-tool-output .scp-pin-table{background:#fff;color:#0f172a}
.scp-info-card{margin-top:24px;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}
.scp-info-card h2{margin:0 0 8px;font-size:18px;color:#0f172a}
.scp-info-card p{margin:0 0 8px;color:#475569;font-size:15px;line-height:1.6}

/* ============ Listing header (shared) ============ */
.scp-listing-header{padding:34px 28px;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:18px;margin-bottom:26px;border:1px solid #c7d2fe}
.scp-listing-title{margin:0 0 8px;font-size:32px;font-weight:800;color:#1e293b}
.scp-listing-sub{margin:0;font-size:16px;color:#475569}
.scp-cat-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.scp-cat-pill{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#475569;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s}
.scp-cat-pill:hover{border-color:#6366f1;color:#6366f1}
.scp-cat-pill.is-active{background:#4f46e5;color:#fff;border-color:#4f46e5}
.scp-empty{padding:30px;text-align:center;color:#94a3b8}

/* ============ Pincode UI ============ */
.scp-pin-search-form{padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 20px rgba(15,23,42,.06)}
.scp-pin-row{display:grid;grid-template-columns:2fr 2fr auto;gap:14px;align-items:end}
@media(max-width:680px){.scp-pin-row{grid-template-columns:1fr}}
.scp-pin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 22px}
.scp-pin-stat{padding:18px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:12px}
.scp-pin-stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.scp-pin-stat-value{font-size:22px;font-weight:700;color:#0f172a;margin-top:6px}
.scp-pin-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-top:12px}
.scp-pin-table th{background:#f8fafc;padding:12px 14px;text-align:left;font-size:13px;color:#475569;font-weight:600;border-bottom:1px solid #e5e7eb}
.scp-pin-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}
.scp-pin-table tr:last-child td{border-bottom:0}
.scp-pin-popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.scp-pin-popular a{padding:6px 12px;background:#eef2ff;color:#4338ca;border-radius:999px;text-decoration:none;font-size:13px;font-weight:500;border:1px solid #c7d2fe}
.scp-pin-popular a:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}

/* ===== Pincode v1.5.2 enhanced UI ===== */
.scp-pin-hero { background: linear-gradient(135deg,#eef2ff 0%,#fce7f3 100%); border-color:#c7d2fe }
.scp-pin-tips { margin-top:14px; padding:10px 14px; background:#fffbeb; border:1px solid #fde68a; border-radius:8px; font-size:13px; color:#78350f }
.scp-pin-tips a { color:#b45309; font-weight:600; text-decoration:none }
.scp-pin-tips a:hover { text-decoration:underline }
.scp-pin-search-compact { box-shadow:none; border:1px solid #e2e8f0; padding:14px }

.scp-section-title { margin:32px 0 14px; font-size:1.25rem; font-weight:700; color:#0f172a; display:flex; align-items:center; gap:8px }

.scp-pin-quick-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; margin-top:18px }
.scp-pin-quick { display:flex; align-items:center; gap:12px; padding:14px 16px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; text-decoration:none; color:inherit; transition:all .15s }
.scp-pin-quick:hover { border-color:#6366f1; transform:translateY(-2px); box-shadow:0 6px 18px rgba(99,102,241,.12); color:inherit }
.scp-pin-quick span:first-child { font-size:1.7rem; line-height:1 }
.scp-pin-quick strong { display:block; color:#0f172a; font-size:.95rem }
.scp-pin-quick small  { display:block; color:#64748b; font-size:.78rem; margin-top:2px }

.scp-country-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:8px }
.scp-country-pill { display:flex; align-items:center; gap:8px; padding:8px 12px; background:#fff; border:1px solid #e5e7eb; border-radius:10px; text-decoration:none; color:#334155; font-size:.85rem; transition:all .15s }
.scp-country-pill:hover { background:#eef2ff; border-color:#6366f1; color:#4338ca }
.scp-country-flag { font-size:1.2rem; line-height:1 }
.scp-country-name { font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

.scp-city-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px }
.scp-city-card { display:flex; align-items:center; gap:12px; padding:14px 16px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; text-decoration:none; color:inherit; transition:all .15s }
.scp-city-card:hover { border-color:#6366f1; transform:translateY(-2px); box-shadow:0 6px 18px rgba(99,102,241,.12); color:inherit }
.scp-city-icon { font-size:1.4rem }
.scp-city-card strong { display:block; color:#0f172a }
.scp-city-card small  { display:block; color:#64748b; font-size:.78rem; margin-top:2px }

.scp-state-grid { display:flex; flex-wrap:wrap; gap:8px }
.scp-state-pill { padding:7px 14px; background:#fff; border:1px solid #e5e7eb; border-radius:999px; color:#475569; text-decoration:none; font-size:.85rem; transition:all .15s }
.scp-state-pill:hover { background:#4f46e5; border-color:#4f46e5; color:#fff }

.scp-pin-india-widget { padding:18px; background:linear-gradient(135deg,#fff7ed,#fef3c7); border:1px solid #fde68a; border-radius:14px }
.scp-info-card { padding:22px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; margin-top:18px }
.scp-info-card.scp-error { background:#fef2f2; border-color:#fca5a5; color:#991b1b }
.scp-info-card h2 { margin:0 0 14px; font-size:1.05rem; color:#0f172a }

@media (max-width:680px) {
    .scp-pin-row { grid-template-columns:1fr; gap:10px }
    .scp-country-grid { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)) }
}

/* v1.5.3 — Pincode result, map, search bar, AdSense content blocks */
.scp-pin-hero { padding:30px 26px; background:linear-gradient(135deg,#eff6ff,#fdf2f8); border-radius:14px }
.scp-pin-search-form { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:18px 20px; margin:18px 0; box-shadow:0 4px 14px rgba(15,23,42,.04) }
.scp-pin-row { display:grid; grid-template-columns:1.1fr 2fr auto; gap:14px; align-items:end }
@media(max-width:760px){ .scp-pin-row{ grid-template-columns:1fr } }
.scp-pin-go .scp-btn { padding:11px 22px; font-weight:600 }
.scp-pin-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin:18px 0 }
.scp-pin-stat { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:14px 16px }
.scp-pin-stat-label { font-size:.78rem; color:#64748b; text-transform:uppercase; letter-spacing:.04em; font-weight:600 }
.scp-pin-stat-value { font-size:1.2rem; font-weight:700; color:#0f172a; margin-top:4px }
.scp-pin-table { width:100%; border-collapse:collapse; margin-top:8px; font-size:.92rem }
.scp-pin-table th, .scp-pin-table td { text-align:left; padding:10px 12px; border-bottom:1px solid #e2e8f0; vertical-align:top }
.scp-pin-table th { background:#f8fafc; font-weight:600; color:#1e293b }
.scp-pin-table tr:hover td { background:#fafbff }
.scp-pin-table .scp-badge { background:#e0e7ff; color:#3730a3; padding:2px 8px; border-radius:9999px; font-size:.75rem; font-weight:600 }
.scp-map-wrap { border-radius:10px; overflow:hidden; border:1px solid #e2e8f0; margin-top:8px }
.scp-map-attr { font-size:.82rem; color:#64748b; margin-top:8px }
.scp-info-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:24px 26px; margin:20px 0 }
.scp-info-card h2 { margin:0 0 12px; font-size:1.35rem; color:#0f172a }
.scp-info-card h3 { margin:18px 0 8px; font-size:1.05rem; color:#1e293b }
.scp-info-card p, .scp-info-card li { color:#334155; line-height:1.65 }
.scp-info-card.scp-error { background:#fef2f2; border-color:#fca5a5; color:#991b1b }
.scp-content-block details { background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:10px 14px; margin:8px 0 }
.scp-content-block details summary { cursor:pointer; font-weight:600; color:#1e293b; outline:none }
.scp-content-block details[open] { background:#fff }
.scp-content-block details p { margin:8px 0 4px }
.scp-section-title { margin:26px 0 12px; font-size:1.2rem; color:#0f172a }
.scp-pin-popular { display:flex; flex-wrap:wrap; gap:10px }
.scp-pin-popular a { display:inline-block; padding:8px 14px; background:#fff; border:1px solid #e2e8f0; border-radius:9999px; color:#1e40af; text-decoration:none; font-size:.9rem; font-weight:500; transition:all .15s }
.scp-pin-popular a:hover { background:#eff6ff; border-color:#93c5fd; transform:translateY(-1px) }
.scp-listing-header { padding:28px 26px; background:linear-gradient(135deg,#f0f9ff,#fdf2f8); border-radius:14px; margin-bottom:8px }
.scp-listing-title { margin:0 0 8px; font-size:1.7rem; color:#0f172a }
.scp-listing-sub { margin:0; color:#475569; font-size:1rem }