/*
Theme Name: Sonipat Classifieds
Theme URI: https://sonipatclassifieds.com/
Author: Sonipat Classifieds
Description: A fast, mobile-first local classifieds theme for Sonipat. Includes free ad submission, moderation, local search, favourites and private enquiries.
Version: 1.1.11
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: sonipat-classifieds
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --sc-red: #4285f4;
  --sc-red-dark: #3367d6;
  --sc-ink: #101828;
  --sc-muted: #667085;
  --sc-line: #e8ebf1;
  --sc-soft: #f7f8fb;
  --sc-white: #fff;
  --sc-success: #15803d;
  --sc-radius: 18px;
  --sc-shadow: 0 12px 36px rgba(16, 24, 40, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--sc-white); color: var(--sc-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sc-container { width: min(1380px, calc(100% - 40px)); margin-inline: auto; }

.sc-site-header { position: relative; z-index: 50; background: #fff; border-bottom: 1px solid var(--sc-line); }
.sc-header-row { min-height: 92px; display: grid; grid-template-columns: auto minmax(430px, 1fr) auto; align-items: center; gap: 24px; }
.sc-brand-block { display: grid; align-content: center; line-height: 1; }
.sc-brand { display: inline-flex; align-items: baseline; font-size: clamp(22px, 2vw, 31px); font-weight: 950; letter-spacing: -1.5px; white-space: nowrap; }
.sc-brand .custom-logo-link { display: inline-flex; align-items: center; }
.sc-brand .custom-logo { width: auto; max-width: 260px; max-height: 52px; }
.sc-brand-red { color: var(--sc-red); }
.sc-brand-tagline { margin-top: 7px; color: #667085; font-size: 13px; font-weight: 650; letter-spacing: .01em; }
.sc-header-search { display: grid; grid-template-columns: 190px minmax(230px, 1fr) auto; min-width: 0; align-items: stretch; gap: 10px; }
.sc-location-control, .sc-search-control { display: flex; align-items: center; min-width: 0; min-height: 54px; border: 1px solid #dce1ea; border-radius: 14px; background: #fff; box-shadow: 0 3px 12px rgba(16,24,40,.04); }
.sc-location-control { padding-left: 14px; color: var(--sc-red); font-size: 12px; }
.sc-location-control select, .sc-search-control input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--sc-ink); }
.sc-location-control select { padding: 14px 12px 14px 8px; font-weight: 750; }
.sc-search-control { border-radius: 14px 0 0 14px; margin-right: -10px; }
.sc-search-control input { padding: 14px 12px 14px 6px; }
.sc-search-icon { padding-left: 16px; color: var(--sc-ink); font-size: 27px; line-height: 1; transform: rotate(-18deg); }
.sc-search-button { min-width: 104px; border: 0; border-radius: 0 14px 14px 0; background: var(--sc-red); color: #fff; padding: 0 22px; cursor: pointer; font-weight: 850; }
.sc-search-button:hover { background: var(--sc-red-dark); }
.sc-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 17px; }
.sc-action-link { display: inline-flex; align-items: center; gap: 6px; color: var(--sc-ink); font-size: 13px; font-weight: 750; white-space: nowrap; }
.sc-action-link:hover { color: var(--sc-red); }
.sc-action-icon { font-size: 24px; line-height: 1; font-weight: 500; }
.sc-heart { font-size: 30px; }
.sc-post-button, .sc-button { display: inline-flex; justify-content: center; align-items: center; gap: 7px; min-height: 46px; border: 0; border-radius: 14px; padding: 11px 18px; background: var(--sc-red); color: #fff; font-weight: 850; cursor: pointer; box-shadow: 0 8px 18px rgba(66,133,244,.18); }
.sc-post-button > span { font-size: 25px; line-height: .7; font-weight: 400; }
.sc-post-button:hover, .sc-button:hover { background: var(--sc-red-dark); color: #fff; }
.sc-button-secondary { background: #fff; color: var(--sc-ink); border: 1px solid var(--sc-line); box-shadow: none; }
.sc-mobile-search { display: none; padding-bottom: 12px; }
.sc-header-marketplace { border-top: 1px solid var(--sc-line); background: #fff; }
.sc-trending-row { display: flex; align-items: center; gap: 18px; min-height: 72px; border-bottom: 1px solid var(--sc-line); }
.sc-trending-row > strong { flex: 0 0 auto; font-size: 18px; letter-spacing: -.3px; }
.sc-trending-row > strong span { color: var(--sc-red); font-size: 26px; }
.sc-trending-scroll { display: flex; align-items: center; gap: 10px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.sc-trending-scroll::-webkit-scrollbar, .sc-category-strip::-webkit-scrollbar { display: none; }
.sc-trend-chip { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 16px; border-radius: 999px; background: linear-gradient(90deg,#fff1f3,#fdecee); color: #344054; font-size: 13px; font-weight: 700; }
.sc-trend-chip span { color: var(--sc-red); font-size: 10px; }
.sc-trend-chip:hover { color: var(--sc-red); }
.sc-category-strip { display: grid; grid-template-columns: repeat(13, minmax(78px,1fr)); gap: 8px; align-items: start; min-height: 126px; padding: 16px 0 13px; overflow-x: auto; scrollbar-width: none; }
.sc-strip-category { display: flex; flex-direction: column; align-items: center; gap: 7px; min-width: 78px; color: #344054; text-align: center; font-size: 12px; font-weight: 700; white-space: nowrap; }
.sc-strip-category:hover { color: var(--sc-red); }
.sc-strip-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #fff0f2; color: #4285f4; transition: transform .18s ease; }
.sc-strip-icon svg { display: block; width: 34px; height: 34px; fill: currentColor; }
.sc-strip-icon img { display: block; width: 48px; height: 48px; object-fit: contain; }
.sc-strip-category:hover .sc-strip-icon { transform: translateY(-3px); }
.sc-strip-property .sc-strip-icon { background: #fff6e8; color: #f5ae00; }
.sc-strip-fashion .sc-strip-icon { background: #fff6e8; color: #ff7a1a; }
.sc-strip-mobiles .sc-strip-icon, .sc-strip-business .sc-strip-icon { background: #edf6ff; color: #1677ff; }
.sc-strip-electronics .sc-strip-icon, .sc-strip-animals .sc-strip-icon { background: #f4edff; color: #7c3aed; }
.sc-strip-home-living .sc-strip-icon, .sc-strip-kids .sc-strip-icon { background: #fff0f5; color: #ed3b7a; }
.sc-strip-jobs .sc-strip-icon, .sc-strip-hobbies-sports .sc-strip-icon { background: #eafaf7; color: #0cae98; }
.sc-strip-more .sc-strip-icon { background: #f1f4f8; color: #667085; }

.sc-main { min-height: 60vh; }
.sc-hero { padding: 12px 0 8px; background: radial-gradient(circle at 70% 10%, #eef4ff 0, transparent 35%), #fff; }
.sc-hero-art { overflow: hidden; border: 1px solid #f0f2f5; border-radius: 26px; background: #fff; box-shadow: var(--sc-shadow); }
.sc-hero-art img { display: block; width: 100%; aspect-ratio: 2.8 / 1; object-fit: cover; }
.sc-quick-search { position: relative; z-index: 2; display: grid; grid-template-columns: 1.2fr .8fr auto; gap: 10px; width: min(900px, calc(100% - 32px)); margin: -29px auto 0; padding: 10px; border: 1px solid var(--sc-line); border-radius: 18px; background: #fff; box-shadow: var(--sc-shadow); }
.sc-quick-search input, .sc-quick-search select { min-width: 0; border: 1px solid var(--sc-line); border-radius: 11px; padding: 13px 14px; outline: none; }
.sc-quick-search input:focus, .sc-quick-search select:focus { border-color: var(--sc-red); box-shadow: 0 0 0 3px rgba(66,133,244,.08); }

.sc-section { padding: 54px 0; }
.sc-section-soft { background: var(--sc-soft); }
.sc-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.sc-section-title { margin: 0; font-size: clamp(24px, 3vw, 36px); line-height: 1.1; letter-spacing: -1px; }
.sc-section-subtitle { margin: 7px 0 0; color: var(--sc-muted); }
.sc-text-link { color: var(--sc-red); font-weight: 800; white-space: nowrap; }

.sc-category-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.sc-category { min-height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 14px 8px; border: 1px solid var(--sc-line); border-radius: 18px; background: #fff; text-align: center; font-weight: 750; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.sc-category:hover { transform: translateY(-3px); border-color: #ffc7ca; box-shadow: 0 10px 26px rgba(16,24,40,.08); }
.sc-category-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: #eef4ff; font-size: 30px; }
.sc-category-count { color: var(--sc-muted); font-size: 12px; font-weight: 600; }

.sc-listing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.sc-card { position: relative; overflow: hidden; border: 1px solid var(--sc-line); border-radius: var(--sc-radius); background: #fff; transition: transform .18s ease, box-shadow .18s ease; }
.sc-card:hover { transform: translateY(-3px); box-shadow: var(--sc-shadow); }
.sc-card-media { position: relative; aspect-ratio: 4 / 3; background: #f1f3f6; overflow: hidden; }
.sc-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.sc-card:hover .sc-card-media img { transform: scale(1.025); }
.sc-card-placeholder { height: 100%; display: grid; place-items: center; color: #98a2b3; font-size: 40px; }
.sc-status-badge { position: absolute; top: 12px; left: 12px; padding: 6px 9px; border-radius: 999px; background: #fff; color: var(--sc-red); font-size: 11px; font-weight: 900; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.sc-favorite-button { position: absolute; z-index: 3; top: 10px; right: 10px; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(16,24,40,.08); border-radius: 50%; background: rgba(255,255,255,.96); color: var(--sc-ink); font-size: 23px; line-height: 1; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.sc-favorite-button:hover, .sc-favorite-button.is-saved { color: var(--sc-red); border-color: #ffc7ca; }
.sc-card-body { padding: 15px; }
.sc-price { margin: 0 0 6px; font-size: 20px; font-weight: 900; }
.sc-card-title { margin: 0; font-size: 16px; line-height: 1.35; }
.sc-card-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; color: var(--sc-muted); font-size: 12px; }

.sc-trending { display: flex; flex-wrap: wrap; gap: 9px; }
.sc-chip { padding: 9px 13px; border: 1px solid var(--sc-line); border-radius: 999px; background: #fff; color: #344054; font-size: 13px; font-weight: 700; }
.sc-chip:hover { border-color: var(--sc-red); color: var(--sc-red); }
.sc-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; padding: 34px; border-radius: 24px; background: linear-gradient(135deg, #191f2c, #0c1018); color: #fff; }
.sc-cta h2 { margin: 0 0 8px; font-size: clamp(25px, 3.5vw, 42px); line-height: 1.08; }
.sc-cta p { margin: 0; color: #cfd4dc; }

.sc-page-header { padding: 48px 0 30px; background: var(--sc-soft); border-bottom: 1px solid var(--sc-line); }
.sc-page-header h1 { margin: 0; font-size: clamp(30px, 5vw, 52px); letter-spacing: -1.5px; }
.sc-content-wrap { padding: 42px 0 70px; }
.sc-content { max-width: 820px; }
.sc-content-wide { max-width: none; }
.sc-form { display: grid; gap: 18px; max-width: 760px; padding: 26px; border: 1px solid var(--sc-line); border-radius: 22px; background: #fff; box-shadow: var(--sc-shadow); }
.sc-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sc-field label { display: block; margin-bottom: 7px; font-weight: 800; }
.sc-field input, .sc-field select, .sc-field textarea { width: 100%; padding: 12px 13px; border: 1px solid #d0d5dd; border-radius: 10px; background: #fff; outline: none; }
.sc-field textarea { min-height: 150px; resize: vertical; }
.sc-field input:focus, .sc-field select:focus, .sc-field textarea:focus { border-color: var(--sc-red); box-shadow: 0 0 0 3px rgba(66,133,244,.08); }
.sc-help { color: var(--sc-muted); font-size: 13px; }
.sc-notice { margin-bottom: 20px; padding: 14px 16px; border-radius: 12px; background: #ecfdf3; color: var(--sc-success); border: 1px solid #abefc6; }
.sc-notice-error { background: #eef4ff; color: #b42318; border-color: #fecdd3; }

.sc-filter-bar { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 10px; margin-bottom: 24px; padding: 14px; border: 1px solid var(--sc-line); border-radius: 16px; background: #fff; }
.sc-filter-bar input, .sc-filter-bar select { min-width: 0; padding: 11px 12px; border: 1px solid var(--sc-line); border-radius: 10px; background: #fff; }
.sc-pagination { margin-top: 30px; }
.sc-pagination .page-numbers { display: inline-grid; place-items: center; min-width: 40px; height: 40px; margin-right: 5px; border: 1px solid var(--sc-line); border-radius: 9px; }
.sc-pagination .current { background: var(--sc-red); color: #fff; border-color: var(--sc-red); }

.sc-single-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr); gap: 28px; align-items: start; }
.sc-gallery { overflow: hidden; border-radius: 22px; background: #f3f4f6; }
.sc-gallery-main { width: 100%; max-height: 570px; object-fit: cover; display: block; }
.sc-detail-card { padding: 24px; border: 1px solid var(--sc-line); border-radius: 20px; background: #fff; box-shadow: var(--sc-shadow); }
.sc-detail-card h1 { margin: 8px 0; font-size: clamp(26px, 4vw, 42px); line-height: 1.1; }
.sc-detail-price { color: var(--sc-red); font-size: 30px; font-weight: 950; }
.sc-detail-meta { display: grid; gap: 8px; margin: 18px 0; color: var(--sc-muted); }
.sc-description { margin-top: 28px; padding: 26px; border: 1px solid var(--sc-line); border-radius: 20px; background: #fff; }
.sc-inquiry { margin-top: 18px; }
.sc-inquiry textarea { width: 100%; min-height: 110px; padding: 12px; border: 1px solid var(--sc-line); border-radius: 10px; resize: vertical; }
.sc-safety-note { margin-top: 16px; padding: 13px; border-radius: 10px; background: #fff7ed; color: #9a3412; font-size: 13px; }

.sc-account-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; }
.sc-account-nav { display: grid; gap: 8px; align-content: start; padding: 12px; border: 1px solid var(--sc-line); border-radius: 16px; background: #fff; }
.sc-account-nav a { padding: 11px 12px; border-radius: 9px; font-weight: 700; }
.sc-account-nav a:hover { background: #eef4ff; color: var(--sc-red); }
.sc-account-panel { padding: 24px; border: 1px solid var(--sc-line); border-radius: 16px; background: #fff; }
.sc-table { width: 100%; border-collapse: collapse; }
.sc-table th, .sc-table td { padding: 12px 10px; text-align: left; border-bottom: 1px solid var(--sc-line); vertical-align: top; }
.sc-table th { color: var(--sc-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }

.sc-site-footer { padding: 50px 0 24px; background: #0d1119; color: #fff; }
.sc-footer-grid { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: 34px; }
.sc-footer-brand p { max-width: 360px; color: #aeb6c4; }
.sc-footer-heading { margin: 0 0 12px; font-size: 15px; }
.sc-footer-links { display: grid; gap: 9px; color: #b8c0cc; font-size: 14px; }
.sc-footer-links a:hover { color: #fff; }
.sc-footer-bottom { display: flex; justify-content: space-between; gap: 15px; margin-top: 40px; padding-top: 20px; border-top: 1px solid #262d38; color: #8993a1; font-size: 13px; }
.sc-empty { grid-column: 1 / -1; padding: 38px; border: 1px dashed #cfd4dc; border-radius: 18px; text-align: center; color: var(--sc-muted); background: #fff; }

@media (max-width: 1260px) {
  .sc-header-row { gap: 16px; }
  .sc-header-actions { gap: 12px; }
  .sc-action-link > span:last-child { display: none; }
  .sc-header-search { grid-template-columns: 165px minmax(220px, 1fr) auto; }
  .sc-post-button { padding-inline: 14px; }
}

@media (max-width: 980px) {
  .sc-header-row { grid-template-columns: 1fr auto; min-height: 68px; }
  .sc-header-row > .sc-header-search { display: none; }
  .sc-mobile-search { display: block; }
  .sc-mobile-search .sc-header-search { display: grid; grid-template-columns: 1fr auto; }
  .sc-category-strip { min-height: 112px; padding-block: 12px; }
  .sc-trending-row { min-height: 64px; }
  .sc-category-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .sc-listing-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .sc-single-grid { grid-template-columns: 1fr; }
  .sc-footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .sc-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .sc-container { width: min(100% - 22px, 1180px); }
  .sc-header-actions { gap: 8px; }
  .sc-action-link:nth-child(1), .sc-action-link:nth-child(2) { display: none; }
  .sc-post-button { min-height: 41px; padding: 9px 12px; font-size: 13px; }
  .sc-brand { font-size: 22px; }
  .sc-brand-tagline { margin-top: 4px; font-size: 10px; }
  .sc-mobile-search .sc-header-search { grid-template-columns: 1fr auto; }
  .sc-mobile-search .sc-search-control { min-height: 46px; }
  .sc-mobile-search .sc-search-button { min-width: 82px; padding-inline: 13px; }
  .sc-trending-row { display: block; padding: 10px 0; }
  .sc-trending-row > strong { display: block; margin-bottom: 8px; font-size: 15px; }
  .sc-trend-chip { padding: 7px 12px; font-size: 12px; }
  .sc-category-strip { min-height: 104px; }
  .sc-strip-category { min-width: 70px; font-size: 11px; }
  .sc-strip-icon { width: 48px; height: 48px; font-size: 24px; }
  .sc-strip-icon img { width: 40px; height: 40px; }
  .sc-hero { padding-top: 10px; }
  .sc-hero-art { border-radius: 16px; }
  .sc-hero-art img { aspect-ratio: 1.62 / 1; object-position: center; }
  .sc-quick-search { grid-template-columns: 1fr; margin-top: 12px; width: 100%; padding: 0; border: 0; box-shadow: none; }
  .sc-category-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; }
  .sc-category { min-height: 112px; padding: 10px 5px; font-size: 12px; }
  .sc-category-icon { width: 48px; height: 48px; font-size: 25px; }
  .sc-listing-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 11px; }
  .sc-card-body { padding: 12px; }
  .sc-card-title { font-size: 14px; }
  .sc-price { font-size: 17px; }
  .sc-card-meta { display: grid; }
  .sc-section { padding: 38px 0; }
  .sc-section-head { align-items: start; }
  .sc-cta { grid-template-columns: 1fr; padding: 25px; }
  .sc-field-row, .sc-filter-bar, .sc-account-grid { grid-template-columns: 1fr; }
  .sc-form { padding: 18px; }
  .sc-account-nav { grid-template-columns: repeat(2, 1fr); }
  .sc-table, .sc-table tbody, .sc-table tr, .sc-table td { display: block; width: 100%; }
  .sc-table thead { display: none; }
  .sc-table tr { padding: 10px 0; border-bottom: 1px solid var(--sc-line); }
  .sc-table td { border: 0; padding: 4px 0; }
  .sc-footer-grid { grid-template-columns: 1fr 1fr; }
  .sc-footer-brand { grid-column: 1 / -1; }
  .sc-footer-bottom { flex-direction: column; }
}

@media (max-width: 430px) {
  .sc-category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sc-listing-grid { grid-template-columns: 1fr 1fr; }
}


/* Dynamic homepage */
.sc-home { overflow: hidden; }
.sc-home-hero { position: relative; padding: 62px 0 54px; background: radial-gradient(circle at 88% 12%, rgba(66,133,244,.14), transparent 34%), radial-gradient(circle at 8% 90%, rgba(255,183,77,.16), transparent 30%), linear-gradient(180deg,#fff 0%,#fff9f9 100%); }
.sc-home-hero::before { content: ""; position: absolute; inset: 0; opacity: .32; pointer-events: none; background-image: radial-gradient(#4285f4 1px,transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(to right,transparent,black,transparent); }
.sc-home-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.04fr) minmax(420px,.96fr); align-items: center; gap: clamp(38px,6vw,86px); }
.sc-home-kicker,.sc-home-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 13px; color: var(--sc-red-dark); font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.sc-home-kicker::before,.sc-home-eyebrow::before { content: ""; width: 23px; height: 3px; border-radius: 20px; background: var(--sc-red); }
.sc-home-hero-copy h1 { max-width: 760px; margin: 0; font-size: clamp(42px,5.2vw,76px); line-height: .99; letter-spacing: -.052em; }
.sc-home-hero-copy > p { max-width: 680px; margin: 23px 0 0; color: #475467; font-size: clamp(17px,1.5vw,21px); }
.sc-home-search { display: grid; grid-template-columns: 1fr auto; max-width: 690px; margin-top: 28px; padding: 7px; border: 1px solid #e3e6eb; border-radius: 16px; background: #fff; box-shadow: 0 16px 45px rgba(16,24,40,.11); }
.sc-home-search input { min-width: 0; padding: 13px 15px; border: 0; outline: 0; background: transparent; color: var(--sc-ink); }
.sc-home-search button { min-width: 132px; padding: 13px 21px; border: 0; border-radius: 11px; background: var(--sc-red); color: #fff; font-weight: 850; cursor: pointer; }
.sc-home-search button:hover { background: var(--sc-red-dark); }
.sc-home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 22px; }
.sc-home-secondary { font-weight: 850; }
.sc-home-secondary span { color: var(--sc-red); }
.sc-home-trust { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 26px; color: #586174; font-size: 13px; font-weight: 700; }
.sc-home-trust span::first-letter { color: var(--sc-success); }
.sc-home-visual { position: relative; }
.sc-home-visual::before { content: ""; position: absolute; inset: 7% -5% -6% 8%; border-radius: 34px; background: var(--sc-red); transform: rotate(3deg); opacity: .09; }
.sc-home-visual img { position: relative; display: block; width: 100%; min-height: 390px; aspect-ratio: 1.15/1; object-fit: cover; border: 8px solid #fff; border-radius: 32px; box-shadow: 0 30px 70px rgba(16,24,40,.18); }
.sc-home-floating-card { position: absolute; right: -22px; bottom: 28px; display: grid; gap: 3px; min-width: 225px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.8); border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 18px 45px rgba(16,24,40,.16); backdrop-filter: blur(10px); }
.sc-home-floating-card strong { font-size: 16px; }
.sc-home-floating-card span { color: var(--sc-muted); font-size: 12px; }
.sc-home-stats { border-top: 1px solid #f0e1e2; border-bottom: 1px solid #eee; background: #fff; }
.sc-home-stats-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.sc-home-stats-grid > div { display: grid; justify-items: center; gap: 2px; padding: 23px 16px; border-right: 1px solid #eee; text-align: center; }
.sc-home-stats-grid > div:last-child { border-right: 0; }
.sc-home-stats strong { color: var(--sc-ink); font-size: clamp(25px,2.4vw,34px); line-height: 1; }
.sc-home-stats span { color: var(--sc-muted); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.sc-home-categories { background: #fff; }
.sc-home-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.sc-home-category-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; min-height: 94px; padding: 18px; border: 1px solid var(--sc-line); border-radius: 18px; background: #fff; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.sc-home-category-card:hover { transform: translateY(-3px); border-color: #ffc7ca; box-shadow: 0 16px 35px rgba(16,24,40,.08); }
.sc-home-category-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #fff3f4; font-size: 24px; }
.sc-home-category-card strong,.sc-home-category-card small { display: block; }
.sc-home-category-card strong { line-height: 1.25; }
.sc-home-category-card small { margin-top: 3px; color: var(--sc-muted); }
.sc-home-card-arrow { color: var(--sc-red); font-size: 20px; font-weight: 900; }
.sc-home-empty { grid-column: 1/-1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding: 30px; border: 1px solid #e6d7d8; border-radius: 20px; background: linear-gradient(135deg,#fff,#f5f9ff); }
.sc-home-empty-icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(16,24,40,.08); font-size: 30px; }
.sc-home-empty strong { font-size: 20px; }
.sc-home-empty p { margin: 5px 0 0; color: var(--sc-muted); }
.sc-home-locations { padding: 42px 0; background: #181d27; color: #fff; }
.sc-home-location-wrap { display: grid; grid-template-columns: minmax(210px,.5fr) 1.5fr; align-items: center; gap: 38px; }
.sc-home-location-wrap h2 { margin: 0; font-size: clamp(27px,3vw,40px); letter-spacing: -.03em; }
.sc-home-locations .sc-home-eyebrow { color: #a8c7fa; }
.sc-home-location-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.sc-home-location-chips a { display: inline-flex; align-items: center; gap: 7px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.07); font-weight: 750; transition: background .2s ease,border-color .2s ease; }
.sc-home-location-chips a:hover { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.14); }
.sc-home-location-chips small { display: grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.14); }
.sc-home-centered { max-width: 680px; margin: 0 auto 30px; text-align: center; }
.sc-home-centered .sc-home-eyebrow { justify-content: center; }
.sc-home-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.sc-home-steps article { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 16px; padding: 27px; border: 1px solid var(--sc-line); border-radius: 20px; background: #fff; }
.sc-home-steps article > span { color: var(--sc-red); font-size: 13px; font-weight: 950; letter-spacing: .1em; }
.sc-home-steps h3 { margin: 0 0 8px; font-size: 20px; }
.sc-home-steps p { margin: 0; color: var(--sc-muted); }
.sc-home-final { padding-top: 8px; }
.sc-home-final-cta { overflow: hidden; position: relative; padding: clamp(30px,5vw,58px); background: radial-gradient(circle at 95% 5%,rgba(66,133,244,.4),transparent 35%),linear-gradient(135deg,#1c2330,#090d14); }
.sc-home-final-cta .sc-home-kicker { color: #a8c7fa; }
.sc-home-final-cta .sc-home-kicker::before { background: #a8c7fa; }
.sc-home-final-cta .sc-button { min-width: 188px; text-align: center; }

@media (max-width: 1080px) {
  .sc-home-hero-grid { grid-template-columns: 1fr .82fr; gap: 34px; }
  .sc-home-hero-copy h1 { font-size: clamp(40px,5.5vw,62px); }
  .sc-home-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .sc-home-hero { padding: 42px 0 38px; }
  .sc-home-hero-grid { grid-template-columns: 1fr; }
  .sc-home-visual { max-width: 680px; }
  .sc-home-visual img { min-height: 0; aspect-ratio: 1.7/1; }
  .sc-home-floating-card { right: 18px; }
  .sc-home-location-wrap { grid-template-columns: 1fr; gap: 24px; }
  .sc-home-steps { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .sc-home-hero { padding: 30px 0 32px; }
  .sc-home-hero-copy h1 { font-size: clamp(38px,12vw,54px); }
  .sc-home-search { grid-template-columns: 1fr; padding: 6px; }
  .sc-home-search button { width: 100%; }
  .sc-home-trust { display: grid; }
  .sc-home-visual img { aspect-ratio: 1.25/1; border-width: 5px; border-radius: 22px; }
  .sc-home-floating-card { left: 16px; right: 16px; bottom: 14px; min-width: 0; }
  .sc-home-stats-grid { grid-template-columns: repeat(2,1fr); }
  .sc-home-stats-grid > div:nth-child(2) { border-right: 0; }
  .sc-home-stats-grid > div:nth-child(-n+2) { border-bottom: 1px solid #eee; }
  .sc-home-category-grid { grid-template-columns: 1fr; }
  .sc-home-category-card { min-height: 82px; }
  .sc-home-empty { grid-template-columns: 1fr; text-align: center; }
  .sc-home-empty-icon { margin: 0 auto; }
  .sc-home-empty .sc-button { width: 100%; text-align: center; }
  .sc-home-steps article { padding: 22px; }
}


/* Buyer-seller chat actions */
.sc-card-actions{padding:0 14px 14px}.sc-card-chat{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #4285f4;border-radius:6px;color:#4285f4!important;font-weight:750;text-decoration:none!important;background:#fff}.sc-card-chat:hover{background:#eef4ff}.sc-single-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.sc-single-actions .sc-button{margin:0;text-align:center}.sc-chat-primary{background:#4285f4!important;color:#fff!important}.sc-chat-seller{scroll-margin-top:110px;padding-top:8px}@media(max-width:520px){.sc-single-actions{grid-template-columns:1fr}}




/* Target mobile homepage v3 — 2026-09-20 */
.sc-mobile-topbar,.sc-mobile-ad-slot,.sc-mobile-favourite,.sc-mobile-floating-post,.sc-latest-mobile-title { display:none; }

@media (max-width:700px) {
  :root{--sc-red:#0b2d52;--sc-red-dark:#081f3a;--sc-ink:#13263d;--sc-muted:#61758b;--sc-line:#d9e5f1;--sc-soft:#eef5fc}
  html{scroll-padding-bottom:76px}
  body{padding-bottom:68px;background:#fff}
  .sc-container{width:calc(100% - 24px)}
  .sc-site-header{position:relative;top:auto;z-index:50;border:0;box-shadow:none;background:#fff}
  .admin-bar .sc-site-header{top:auto}
  .sc-header-row{display:none!important}

  .sc-mobile-topbar{display:grid;grid-template-columns:32px minmax(0,1fr) auto 32px 34px;align-items:center;gap:8px;min-height:68px;padding:9px 12px 7px;background:#fff}
  .sc-mobile-menu{font-size:25px;line-height:1;color:#13263d}
  .sc-mobile-wordmark{display:grid;grid-template-columns:auto 1fr;align-items:end;line-height:1;white-space:nowrap}
  .sc-mobile-wordmark strong,.sc-mobile-wordmark b{font-size:18px;letter-spacing:-.8px}
  .sc-mobile-wordmark strong{color:#0b2d52}
  .sc-mobile-wordmark b{color:#facc15}
  .sc-mobile-wordmark small{grid-column:1/-1;margin-top:5px;color:#61758b;font-size:8px;letter-spacing:.05em}
  .sc-mobile-location{display:flex;align-items:center;gap:4px;color:#1863dc;font-size:13px;font-weight:800;white-space:nowrap}
  .sc-mobile-location span{color:#13263d}
  .sc-mobile-alert,.sc-mobile-profile{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#13263d;font-size:22px}
  .sc-mobile-profile{background:#eef2f7;font-size:18px}
  .sc-mobile-alert b{position:absolute;top:0;right:0;width:15px;height:15px;border-radius:50%;background:#facc15;color:#0b2d52;font-size:8px;line-height:15px;text-align:center}

  .sc-mobile-search{display:block;padding:5px 0 12px;background:#fff}
  .sc-mobile-search-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:9px}
  .sc-mobile-search .sc-header-search{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
  .sc-mobile-search .sc-location-control{display:none}
  .sc-mobile-search .sc-search-control{min-height:44px;margin:0;border:1px solid #d9e1eb;border-radius:11px;box-shadow:0 2px 8px rgba(11,45,82,.06)}
  .sc-mobile-search .sc-search-control input{padding:10px 12px 10px 40px;font-size:13px;background:linear-gradient(90deg,transparent 0)}
  .sc-mobile-search .sc-search-control::before{content:"⌕";position:absolute;margin-left:12px;color:#13263d;font-size:25px;line-height:1}
  .sc-mobile-search .sc-search-button{display:none}
  .sc-mobile-favourite{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff9e6;color:#0b2d52;font-size:29px}

  .sc-mobile-ad-slot{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:94px;margin:0 12px 12px;padding:15px 13px;border-radius:12px;background:linear-gradient(90deg,rgba(238,245,252,.98) 0%,rgba(238,245,252,.91) 58%,rgba(170,213,248,.54) 100%),url("https://sonipatclassifieds.com/wp-content/uploads/2026/09/sonipat-home-hero-v2.png") right center/cover no-repeat;color:#13263d}
  .sc-mobile-ad-slot>div{position:relative;z-index:1;display:grid}
  .sc-mobile-ad-slot small{color:#61758b;font-size:9px}
  .sc-mobile-ad-slot strong{margin-top:2px;font-size:14px}
  .sc-mobile-ad-slot span{color:#61758b;font-size:10px}
  .sc-mobile-ad-slot>a{position:relative;z-index:1;align-self:end;padding:7px 9px;border-radius:8px;background:#fff;color:#13263d;font-size:9px;font-weight:800;box-shadow:0 2px 8px rgba(11,45,82,.09)}

  .sc-header-marketplace{background:#fff;border:0}
  .sc-header-marketplace>.sc-container{display:flex;flex-direction:column}
  .sc-category-strip{order:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,82px);gap:6px;min-height:0;padding:0 0 10px;overflow:visible}
  .sc-strip-category{min-width:0;gap:5px;color:#13263d;font-size:9px;line-height:1.08;white-space:normal}
  .sc-strip-category:nth-child(n+9):not(.sc-strip-more){display:none}
  .sc-strip-icon{width:48px;height:48px;border-radius:11px;background:#f3f6f9;color:#1863dc;box-shadow:none}
  .sc-strip-icon img{width:42px;height:42px}
  .sc-strip-more .sc-strip-icon{background:#fff9e6;color:#facc15}
  .sc-trending-row{order:2;display:flex;align-items:center;gap:8px;min-height:50px;margin:0 0 8px;padding:8px 10px;border:0;border-radius:11px;background:#f4f6f9}
  .sc-trending-row>strong{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin:0;color:#13263d;font-size:12px}
  .sc-trending-row>strong::before{content:"◆";color:#facc15}
  .sc-trending-row>strong span{display:none}
  .sc-trending-scroll{gap:4px;overflow:hidden}
  .sc-trend-chip{display:none;border:0;background:transparent;padding:0;color:#344054;font-size:10px;font-weight:600}
  .sc-trend-chip:nth-child(-n+4){display:inline-flex}
  .sc-trend-chip span{display:none}
  .sc-trend-chip:not(:last-child)::after{content:","}

  .sc-hero{display:none}
  .sc-latest-widget{padding:13px 0 22px;border:0}
  .sc-latest-widget-head{align-items:center;margin-bottom:10px}
  .sc-latest-widget-title{font-size:22px;letter-spacing:-.7px}
  .sc-latest-widget-title::before{display:none}
  .sc-latest-desktop-title{display:none}
  .sc-latest-mobile-title{display:inline}
  .sc-latest-widget-all{display:inline;color:#1863dc;font-size:11px}
  .sc-latest-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;margin:0;padding:0}
  .sc-latest-widget-card{position:relative;display:grid;grid-template-rows:118px auto;width:auto;height:auto;min-width:0;overflow:hidden;border:1px solid #d9e5f1;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(11,45,82,.05)}
  .sc-latest-widget-media{height:118px;background:#eef2f5}
  .sc-latest-widget-media img{width:100%;height:100%;object-fit:cover}
  .sc-latest-widget-save{position:absolute;z-index:2;top:7px;right:7px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;color:#13263d;font-size:20px;box-shadow:0 2px 7px rgba(11,45,82,.12)}
  .sc-latest-widget-body{padding:8px 8px 9px}
  .sc-latest-widget-price{color:#1863dc;font-size:15px;font-weight:900;line-height:1.2}
  .sc-latest-widget-body strong{min-height:32px;margin-top:2px;font-size:11px;line-height:1.35}
  .sc-latest-widget-meta{gap:4px;margin-top:6px;font-size:8px;text-transform:none}
  .sc-after-banner-actions,.sc-app-image-banner{display:none}

  .sc-mobile-floating-post{position:fixed;z-index:1001;bottom:58px;left:50%;display:flex;align-items:center;gap:5px;min-height:43px;padding:8px 16px;border-radius:999px;background:#facc15;color:#0b2d52;box-shadow:0 7px 20px rgba(11,45,82,.2);font-size:22px;transform:translateX(-50%);white-space:nowrap}
  .sc-mobile-floating-post strong{font-size:11px}
  .sc-mobile-bottom-nav{position:fixed;z-index:1000;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:60px;padding:5px 3px max(5px,env(safe-area-inset-bottom));border-top:1px solid #d9e5f1;background:rgba(255,255,255,.98);box-shadow:0 -4px 15px rgba(11,45,82,.09);backdrop-filter:blur(12px)}
  .sc-mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#13263d}
  .sc-mobile-bottom-nav a:first-child{color:#1863dc}
  .sc-mobile-bottom-nav a>span{font-size:21px;line-height:1}
  .sc-mobile-bottom-nav a>small{font-size:8px;font-weight:750}
  .sc-mobile-bottom-nav .sc-mobile-post{min-height:44px;margin:-9px 4px 0;border-radius:50%;background:#1863dc;color:#fff;box-shadow:0 5px 14px rgba(24,99,220,.28)}
  .sc-mobile-bottom-nav a>b{position:absolute;top:1px;right:22%;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:#facc15;color:#0b2d52;font-size:8px;line-height:15px;text-align:center}

  .cookieadmin_re_consent{bottom:70px!important;left:8px!important;width:40px!important;height:40px!important}
  .cookieadmin_law_container.cookieadmin_bottom{bottom:70px!important;max-width:calc(100% - 16px)!important}
  .sc-site-footer{padding-bottom:72px}
}
@media(max-width:370px){
 .sc-mobile-topbar{grid-template-columns:28px minmax(0,1fr) auto 29px 30px;gap:5px;padding-inline:9px}
 .sc-mobile-wordmark strong,.sc-mobile-wordmark b{font-size:16px}
 .sc-mobile-location{font-size:11px}
 .sc-category-strip{grid-template-rows:repeat(2,76px);gap:4px}
 .sc-strip-icon{width:44px;height:44px}.sc-strip-icon img{width:38px;height:38px}
 .sc-latest-widget-card{grid-template-rows:108px auto}.sc-latest-widget-media{height:108px}
}


/* Mobile SVG icon system — 2026-09-20 */
.sc-mobile-icon-svg,.sc-mobile-chevron{display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sc-mobile-icon-svg{width:22px;height:22px}
.sc-mobile-menu .sc-mobile-icon-svg{width:26px;height:26px}
.sc-mobile-location .sc-mobile-icon-svg{width:18px;height:18px}
.sc-mobile-location .sc-mobile-chevron{width:13px;height:13px;margin-left:-3px}
.sc-mobile-alert .sc-mobile-icon-svg{width:24px;height:24px}
.sc-mobile-profile .sc-mobile-icon-svg{width:22px;height:22px}
.sc-mobile-favourite .sc-mobile-icon-svg{width:27px;height:27px}
.sc-mobile-floating-post .sc-mobile-icon-svg{width:21px;height:21px;stroke-width:2.2}
.sc-mobile-bottom-nav .sc-mobile-icon-svg{width:23px;height:23px;margin:auto}
.sc-mobile-bottom-nav .sc-mobile-post .sc-mobile-icon-svg{width:27px;height:27px;stroke-width:1.8}
@media (min-width: 782px){.sc-mobile-icon-svg,.sc-mobile-chevron{display:none}}


/* Mobile Latest Ads vertical scroll fix — 2026-09-20 */
@media (max-width:781px){
  html,body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
  .sc-main,.sc-latest-widget,.sc-latest-widget>.sc-container{height:auto!important;max-height:none!important;overflow:visible!important}
  .sc-latest-widget{padding-bottom:96px}
  .sc-latest-widget-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;touch-action:pan-y}
  .sc-latest-widget-card{width:100%!important;min-width:0!important;max-width:100%!important}
}


/* Standard article layout — 2026-09-21 */
.sc-article-page{padding:38px 0 56px;background:#f7f9fc}
.sc-article-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 260px;align-items:start;gap:24px}
.sc-article-center{min-width:0}
.sc-article-content{overflow:hidden;border:1px solid var(--sc-line);border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(16,24,40,.06)}
.sc-article-header{padding:34px 38px 26px;border-bottom:1px solid var(--sc-line);background:linear-gradient(145deg,#fff,#f5f8ff)}
.sc-article-label{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:#eaf2ff;color:#245eb7;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.sc-article-header h1{margin:0;color:var(--sc-ink);font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em}
.sc-article-meta{margin:14px 0 0;color:var(--sc-muted);font-size:14px}
.sc-article-body{padding:34px 38px;color:#344054;font-size:17px;line-height:1.78}
.sc-article-body h2{margin:38px 0 12px;color:var(--sc-ink);font-size:25px;line-height:1.3}
.sc-article-body h2:first-child{margin-top:0}
.sc-article-body p{margin:0 0 20px}
.sc-article-body ul,.sc-article-body ol{margin:0 0 22px;padding-left:24px}
.sc-article-body li{margin:8px 0}
.sc-article-sidebar{position:sticky;top:112px;display:grid;gap:16px}
.admin-bar .sc-article-sidebar{top:144px}
.sc-article-sidecard{padding:20px;border:1px solid var(--sc-line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(16,24,40,.04)}
.sc-article-sidecard h2{margin:0 0 13px;font-size:17px;line-height:1.3}
.sc-article-sidecard p{margin:0 0 14px;color:var(--sc-muted);font-size:14px;line-height:1.6}
.sc-article-sidecard ol{margin:0;padding-left:19px;color:#475467;font-size:13px}
.sc-article-sidecard li{margin:8px 0}
.sc-article-sidecard>a:not(.sc-button){display:block;margin-top:10px;color:#245eb7;font-size:14px;font-weight:750}
.sc-article-cta{border-color:#d5e4ff;background:linear-gradient(155deg,#f7faff,#fff)}
.sc-article-cta>span{color:#245eb7;font-size:12px;font-weight:850;text-transform:uppercase}
.sc-article-cta h2{margin-top:7px}
.sc-article-cta .sc-button{display:block;width:100%;margin-top:16px;text-align:center}
.sc-article-ad-slot{display:grid;place-items:center;min-height:220px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;color:#98a2b3;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.sc-article-bottom{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}
.sc-article-bottom-card{padding:28px;border:1px solid var(--sc-line);border-radius:18px;background:#fff}
.sc-article-bottom-card h2{margin:0 0 18px;font-size:23px}
.sc-article-bottom-card details{padding:13px 0;border-top:1px solid var(--sc-line)}
.sc-article-bottom-card summary{cursor:pointer;font-weight:780}
.sc-article-bottom-card details p{margin:10px 0 0;color:var(--sc-muted);font-size:14px}
.sc-article-area-links{display:flex;flex-wrap:wrap;gap:9px}
.sc-article-area-links a{padding:9px 12px;border:1px solid var(--sc-line);border-radius:999px;background:#fafcff;color:#344054;font-size:13px;font-weight:700}
@media(max-width:1100px){
  .sc-article-layout{grid-template-columns:190px minmax(0,1fr)}
  .sc-article-sidebar-right{position:static;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .sc-article-page{padding:18px 0 30px}
  .sc-article-layout{display:flex;flex-direction:column}
  .sc-article-center{order:1;width:100%}
  .sc-article-sidebar-right{order:2;display:grid;grid-template-columns:1fr;width:100%}
  .sc-article-sidebar-left{order:3;position:static;width:100%}
  .sc-article-header{padding:24px 20px 20px}
  .sc-article-header h1{font-size:31px}
  .sc-article-body{padding:24px 20px;font-size:16px}
  .sc-article-body h2{font-size:22px}
  .sc-article-bottom{grid-template-columns:1fr;margin-top:18px}
  .sc-article-bottom-card{padding:22px 18px}
  .sc-article-ad-slot{min-height:110px}
}


/* Search bar boundary correction */
.sc-search-control{
  margin-right:-10px;
  border:1px solid #cbd9e7;
  border-right:0;
  border-radius:14px 0 0 14px;
  overflow:hidden;
}
.sc-search-button{
  min-width:54px;
  border:1px solid #0b2d52;
  border-left:0;
  border-radius:0 14px 14px 0;
}
.sc-search-control:focus-within{
  border-color:#4285f4;
  box-shadow:0 0 0 3px rgba(66,133,244,.12);
}
@media(max-width:760px){
  .sc-mobile-search .sc-search-control{
    border:1px solid #cbd9e7;
    border-radius:11px;
  }
}

/* Colorful homepage category icons — 2026-09-29 */
.sc-category-strip .sc-strip-category{--icon-bg:#e8f1ff;--icon-hue:0deg}
.home .sc-category-strip .sc-strip-icon{background-color:#eaf3ff!important;filter:hue-rotate(var(--icon-hue)) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(20,50,85,.05),0 3px 10px rgba(25,48,80,.06);transition:transform .18s ease,box-shadow .18s ease}
.sc-category-strip .sc-strip-icon img{filter:saturate(1.9) hue-rotate(var(--icon-hue));transition:transform .18s ease}
.sc-category-strip .sc-strip-category:hover .sc-strip-icon{box-shadow:inset 0 0 0 1px rgba(20,50,85,.08),0 7px 16px rgba(25,48,80,.13)}
.sc-category-strip .sc-strip-category:hover img{transform:scale(1.08)}
.sc-category-strip .sc-strip-property{--icon-bg:#e7f8f2;--icon-hue:-65deg}
.sc-category-strip .sc-strip-mobiles{--icon-bg:#edf0ff;--icon-hue:35deg}
.sc-category-strip .sc-strip-electronics{--icon-bg:#f2eaff;--icon-hue:70deg}
.sc-category-strip .sc-strip-home-living{--icon-bg:#fff0f4;--icon-hue:125deg}
.sc-category-strip .sc-strip-jobs{--icon-bg:#e8f7fa;--icon-hue:-30deg}
.sc-category-strip .sc-strip-services{--icon-bg:#fff0e9;--icon-hue:165deg}
.sc-category-strip .sc-strip-fashion{--icon-bg:#fcecf6;--icon-hue:100deg}
.sc-category-strip .sc-strip-hobbies-sports{--icon-bg:#eaf6f0;--icon-hue:-75deg}
.sc-category-strip .sc-strip-animals{--icon-bg:#f0ebff;--icon-hue:65deg}
.sc-category-strip .sc-strip-business{--icon-bg:#e9f6f7;--icon-hue:-35deg}
.sc-category-strip .sc-strip-more{--icon-bg:#eff2f7;--icon-hue:0deg}