:root{--ink:#172033;--muted:#697386;--brand:#e54b36;--brand2:#ff7a45;--bg:#f6f7fb;--card:#fff;--line:#e8ebf1;--green:#17865b;--shadow:0 12px 35px rgba(23,32,51,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{background:#111827;color:#cbd5e1;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;padding:7px 0}.topbar a{color:#fff}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-wrap{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font:800 24px Manrope}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
.main-nav{display:flex;gap:18px;align-items:center;flex:1}.main-nav a{font-size:14px;color:#455066;font-weight:600}.main-nav a:hover{color:var(--brand)}.nav-cta,.btn{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.nav-cta:hover,.btn:hover{background:#c93d2b}.menu-toggle{display:none;background:none;border:0;font-size:25px}
.hero{background:linear-gradient(135deg,#151d2f 0%,#24304b 55%,#8e3f35 100%);color:#fff;padding:74px 0 86px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#ffb39b;font-weight:800;font-size:12px}.hero h1{font:800 clamp(38px,5vw,64px)/1.02 Manrope;margin:13px 0}.hero p{color:#dbe1eb;font-size:18px;max-width:650px}.search-box{background:#fff;padding:9px;border-radius:14px;display:flex;gap:8px;margin-top:28px;box-shadow:0 15px 35px rgba(0,0,0,.18)}.search-box input{border:0;outline:0;flex:1;padding:13px;font-size:15px}.search-box button{border:0;background:var(--brand);color:#fff;padding:0 22px;border-radius:10px;font-weight:800}.hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:28px;backdrop-filter:blur(8px)}.hero-card h3{margin-top:0;font:700 24px Manrope}.hero-card .stat{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);padding:13px 0;color:#dbe1eb}.hero-card strong{color:#fff}
.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section h2{font:800 30px Manrope;margin:0}.section-head p{margin:5px 0;color:var(--muted)}.link{color:var(--brand);font-weight:700}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 12px;text-align:center;box-shadow:var(--shadow);transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#ffd0c6}.cat-icon{font-size:28px;margin-bottom:6px}.category-card strong{display:block;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.listing-card{position:relative}.listing-card h3{font:700 19px Manrope;margin:0 0 7px}.listing-card p{color:var(--muted);font-size:14px;margin:7px 0}.badge{display:inline-block;font-size:11px;padding:4px 8px;border-radius:20px;background:#eef8f4;color:var(--green);font-weight:800}.card-top{display:flex;justify-content:space-between;gap:10px}.meta{font-size:13px;color:var(--muted)}.rating{color:#d98200;font-weight:800}
.city-banner{background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.city-banner h2{font:800 32px Manrope;margin:0}.city-banner p{color:var(--muted)}
.page-head{padding:48px 0 35px;background:#fff;border-bottom:1px solid var(--line)}.page-head h1{font:800 40px Manrope;margin:0 0 8px}.breadcrumbs{font-size:13px;color:var(--muted)}
.filters{background:#fff;border:1px solid var(--line);padding:14px;border-radius:14px;display:flex;gap:10px;margin-bottom:22px}.filters input,.filters select,.form-control{width:100%;padding:11px 12px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;font:inherit}.filters button{white-space:nowrap}
.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.detail-main h1{font:800 36px Manrope;margin-top:0}.info-list{display:grid;gap:12px}.info-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.info-row b{width:110px}.side-sticky{position:sticky;top:100px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.full{grid-column:1/-1}.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px;background:#fff4f1;color:#a33324}.success{background:#eefaf4;color:#176c4a}
.footer{background:#111827;color:#b8c1d1;padding-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:40px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:7px 0;font-size:14px}.footer p{max-width:390px}.footer-brand{color:#fff}.footer-bottom{border-top:1px solid #273244;padding:16px 0;font-size:13px}
.admin-body{background:#f1f4f8}.admin-nav{background:#111827;color:#fff;padding:14px}.admin-wrap{width:min(1200px,calc(100% - 30px));margin:25px auto}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-stat{background:#fff;border-radius:14px;padding:20px;border:1px solid var(--line)}.admin-stat b{font:800 30px Manrope;display:block}.table-wrap{overflow:auto;background:#fff;border-radius:14px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}th{background:#f8fafc}
@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:block}.nav-cta{margin-left:auto}.menu-open .main-nav{display:flex;position:absolute;top:83px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.hero-grid,.detail-grid,.city-banner{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar-inner{display:none}.nav-wrap{height:68px}.hero{padding:50px 0}.cards{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:42px 0}.search-box{flex-direction:column}.search-box button{padding:12px}}


/* =========================================================
   DIRECTORY FILTERS
========================================================= */

.directory-filters {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 18px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(23,32,51,.05);
}

.directory-filters label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #596579;
    margin-bottom: 6px;
}

.directory-filters input,
.directory-filters select {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #dfe4ec;
    border-radius: 9px;
    background: #fff;
    font: inherit;
    color: var(--ink);
    outline: none;
}

.directory-filters input:focus,
.directory-filters select:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(229,75,54,.10);
}

.clear-filter {
    display: inline-flex;
    height: 44px;
    align-items: center;
    padding: 0 14px;
    border: 1px solid #dfe4ec;
    border-radius: 9px;
    font-weight: 700;
    color: #697386;
}

.clear-filter:hover {
    color: var(--brand);
    border-color: var(--brand);
}


/* =========================================================
   RESULT INFO
========================================================= */

.listing-result-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    color: #697386;
    font-size: 13px;
}

.listing-result-info strong {
    color: var(--ink);
}

.tier-explanation {
    display: flex;
    gap: 12px;
    align-items: center;
}

.tier-explanation span {
    font-size: 11px;
    font-weight: 800;
}

.legend-premium {
    color: #a86b00;
}

.legend-featured {
    color: #b55b2a;
}

.legend-basic {
    color: #697386;
}


/* =========================================================
   DIRECTORY LIST
========================================================= */

.directory-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* =========================================================
   PREMIUM LISTING
========================================================= */

.premium-listing {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #fffaf0 0%,
            #ffffff 48%,
            #fff4df 100%
        );
    border: 2px solid #e5b84b;
    border-radius: 20px;
    box-shadow:
        0 15px 45px rgba(150, 100, 10, .13),
        0 2px 8px rgba(23,32,51,.05);
    transition: transform .2s ease, box-shadow .2s ease;
}

.premium-listing:hover {
    transform: translateY(-3px);
    box-shadow:
        0 22px 55px rgba(150, 100, 10, .18),
        0 4px 12px rgba(23,32,51,.07);
}

.premium-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 16px;
    background: linear-gradient(135deg,#c58a19,#f0c75e);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    border-bottom-left-radius: 12px;
}

.premium-content {
    display: flex;
    gap: 22px;
    padding: 28px;
}

.premium-icon {
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(135deg,#b77b10,#f0c75e);
    color: #fff;
    font-size: 30px;
    box-shadow: 0 8px 18px rgba(183,123,16,.22);
}

.premium-info {
    flex: 1;
    min-width: 0;
}

.listing-category-line {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.premium-badge {
    display: inline-block;
    color: #9a690b;
    background: #fff0c8;
    border: 1px solid #efd58e;
    padding: 4px 9px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.verified-badge {
    display: inline-block;
    color: #177a55;
    background: #eaf8f1;
    padding: 4px 9px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 800;
}

.premium-listing h2 {
    font: 800 25px/1.25 Manrope, sans-serif;
    margin: 5px 0 7px;
}

.premium-listing h2 a:hover {
    color: #a56c08;
}

.listing-area {
    color: #586174;
    font-size: 13px;
    font-weight: 700;
}

.listing-address {
    color: #697386;
    font-size: 13px;
    margin: 5px 0;
}

.listing-description {
    color: #586174;
    font-size: 14px;
    margin: 10px 0;
}

.listing-actions {
    display: flex;
    gap: 9px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.premium-view-btn,
.premium-call-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
}

.premium-view-btn {
    background: #172033;
    color: #fff;
}

.premium-view-btn:hover {
    background: #29354c;
}

.premium-call-btn {
    border: 1px solid #dfc16d;
    color: #8f6209;
    background: #fff;
}


/* =========================================================
   FEATURED LISTING
========================================================= */

.featured-listing {
    background: #fff;
    border: 1px solid #f0c5b8;
    border-left: 5px solid var(--brand2);
    border-radius: 16px;
    box-shadow: 0 9px 28px rgba(23,32,51,.07);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.featured-listing:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(23,32,51,.10);
}

.featured-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 10px 18px;
    background: #fff8f5;
    border-bottom: 1px solid #f4e2dc;
}

.featured-badge {
    color: #c5522e;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .7px;
}

.featured-category {
    color: #7a8393;
    font-size: 11px;
    font-weight: 700;
}

.featured-body {
    display: flex;
    gap: 17px;
    padding: 20px;
}

.featured-icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #fff0eb;
    color: var(--brand);
    font: 800 21px Manrope;
}

.featured-info {
    flex: 1;
    min-width: 0;
}

.featured-listing h2 {
    font: 750 20px/1.3 Manrope, sans-serif;
    margin: 0 0 5px;
}

.featured-listing h2 a:hover {
    color: var(--brand);
}

.featured-actions {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.featured-view-btn {
    color: var(--brand);
    font-size: 13px;
    font-weight: 800;
}

.featured-phone {
    color: #697386;
    font-size: 12px;
}


/* =========================================================
   BASIC / FREE LISTING
========================================================= */

.basic-listing {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 16px 18px;
    transition: border-color .2s ease, background .2s ease;
}

.basic-listing:hover {
    border-color: #d9dee7;
    background: #fcfdff;
}

.basic-info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.basic-category {
    display: inline-block;
    color: #7a8393;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .6px;
    margin-bottom: 2px;
}

.basic-listing h2 {
    font: 700 17px/1.3 Manrope, sans-serif;
    margin: 0 0 4px;
}

.basic-listing h2 a:hover {
    color: var(--brand);
}

.basic-listing p {
    color: #697386;
    font-size: 12px;
    margin: 3px 0 0;
}

.basic-area {
    color: #697386;
    font-size: 12px;
}

.basic-action a {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: #697386;
    font-size: 12px;
    font-weight: 800;
}

.basic-action a:hover {
    color: var(--brand);
}


/* =========================================================
   PAGINATION
========================================================= */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 35px;
    flex-wrap: wrap;
}

.pagination a,
.pagination span {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
}

.pagination a {
    background: #fff;
    border: 1px solid var(--line);
}

.pagination a:hover {
    border-color: var(--brand);
    color: var(--brand);
}

.pagination a.active {
    background: var(--brand);
    color: #fff;
    border-color: var(--brand);
}

.pagination .page-prev,
.pagination .page-next {
    padding: 0 13px;
    width: auto;
}

.pagination-dots {
    color: #8992a3;
}


/* =========================================================
   EMPTY DIRECTORY
========================================================= */

.empty-directory {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    text-align: center;
    padding: 55px 25px;
}

.empty-icon {
    font-size: 40px;
    margin-bottom: 8px;
}

.empty-directory h2 {
    font: 800 24px Manrope;
    margin: 0 0 5px;
}

.empty-directory p {
    color: #697386;
    margin: 0 auto 20px;
    max-width: 500px;
}


/* =========================================================
   MOBILE DIRECTORY
========================================================= */

@media (max-width: 900px) {

    .directory-filters {
        grid-template-columns: 1fr 1fr;
    }

    .filter-search {
        grid-column: 1 / -1;
    }

    .filter-button,
    .filter-clear {
        grid-column: span 1;
    }

}

@media (max-width: 600px) {

    .directory-filters {
        grid-template-columns: 1fr;
    }

    .filter-search,
    .filter-button,
    .filter-clear {
        grid-column: auto;
    }

    .listing-result-info {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .premium-content {
        padding: 22px 18px;
        gap: 14px;
    }

    .premium-icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        border-radius: 13px;
        font-size: 23px;
    }

    .premium-listing h2 {
        font-size: 20px;
    }

    .featured-body {
        padding: 17px;
    }

    .basic-info {
        align-items: flex-start;
    }

    .basic-action {
        padding-top: 20px;
    }

    .tier-explanation {
        flex-wrap: wrap;
    }

}
/* =========================================================
   PRICING PAGE
========================================================= */

.pricing-hero {
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(255,122,69,.25),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #111827,
            #27334b
        );
    color: #fff;
    padding: 75px 0;
    text-align: center;
}

.pricing-eyebrow {
    color: #ffb39b;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.pricing-hero h1 {
    font: 800 clamp(36px,5vw,56px)/1.1 Manrope;
    margin: 12px 0;
}

.pricing-hero p {
    max-width: 650px;
    margin: auto;
    color: #d6dce7;
    font-size: 17px;
}

.pricing-section {
    background: #f6f7fb;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
}

.pricing-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 30px;
    box-shadow: 0 12px 35px rgba(23,32,51,.07);
    display: flex;
    flex-direction: column;
}

.pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 45px rgba(23,32,51,.11);
}

.pricing-premium {
    border: 2px solid #dfb547;
    background: linear-gradient(
        145deg,
        #fffdf6,
        #fff7df
    );
}

.pricing-featured {
    border: 2px solid #f0b39d;
}

.pricing-basic {
    background: #fff;
}

.pricing-popular {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 6px 13px;
    border-radius: 30px;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
    white-space: nowrap;
}

.premium-popular {
    background: linear-gradient(
        135deg,
        #b77908,
        #e6bd4d
    );
}

.featured-popular {
    background: var(--brand);
}

.pricing-card-header {
    text-align: center;
}

.pricing-icon {
    font-size: 35px;
    margin-bottom: 5px;
}

.pricing-card h2 {
    font: 800 25px Manrope;
    margin: 0;
}

.pricing-card-header p {
    color: var(--muted);
    font-size: 13px;
    min-height: 42px;
}

.pricing-price {
    text-align: center;
    margin: 20px 0;
}

.pricing-price strong {
    font: 800 38px Manrope;
}

.pricing-price span {
    color: var(--muted);
    font-size: 13px;
}

.pricing-yearly {
    background: #f7f8fb;
    border-radius: 10px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 20px;
}

.pricing-yearly span {
    color: var(--muted);
    font-size: 12px;
}

.pricing-yearly strong {
    font-size: 14px;
}

.pricing-yearly small {
    margin-left: auto;
    background: #e9f7ef;
    color: #16734e;
    padding: 3px 7px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 800;
}

.pricing-features {
    list-style: none;
    padding: 0;
    margin: 5px 0 25px;
    flex: 1;
}

.pricing-features li {
    display: flex;
    gap: 9px;
    padding: 7px 0;
    font-size: 13px;
    color: #596579;
}

.pricing-features li span {
    color: var(--green);
    font-weight: 900;
}

.pricing-button {
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    background: #172033;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.pricing-featured .pricing-button {
    background: var(--brand);
}

.pricing-premium .pricing-button {
    background: linear-gradient(
        135deg,
        #b77908,
        #dcae3e
    );
}

.pricing-note {
    text-align: center;
    color: #8992a3;
    font-size: 10px;
    margin-top: 9px;
}

.pricing-bottom {
    max-width: 750px;
    text-align: center;
    margin: 55px auto 0;
}

.pricing-bottom h2 {
    font: 800 25px Manrope;
}

.pricing-bottom p {
    color: var(--muted);
}


/* =========================================================
   SUBMIT LISTING PAGE
========================================================= */

.listing-submit-container {
    max-width: 950px;
}

.listing-submit-form {
    display: grid;
    gap: 20px;
}

.submit-card {
    padding: 28px;
}

.submit-card-title {
    display: flex;
    gap: 13px;
    align-items: center;
    margin-bottom: 25px;
}

.submit-card-title h2 {
    font: 800 21px Manrope;
    margin: 0;
}

.submit-card-title p {
    margin: 2px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.step-number {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #fff0eb;
    color: var(--brand);
    font-weight: 900;
}


/* Plan selection */

.submit-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

.submit-plan-option {
    cursor: pointer;
}

.submit-plan-option input {
    position: absolute;
    opacity: 0;
}

.submit-plan-inner {
    height: 100%;
    border: 2px solid #e5e8ee;
    border-radius: 15px;
    padding: 20px;
    transition: .2s;
}

.submit-plan-inner:hover {
    border-color: #cdd3dd;
}

.submit-plan-option.selected .submit-plan-inner {
    border-color: var(--brand);
    background: #fff8f5;
    box-shadow: 0 7px 22px rgba(229,75,54,.08);
}

.submit-plan-option:has(input[value="premium"]).selected .submit-plan-inner {
    border-color: #d4a52e;
    background: #fffaf0;
}

.submit-plan-icon {
    font-size: 27px;
}

.submit-plan-name {
    font: 800 18px Manrope;
    margin-top: 7px;
}

.submit-plan-price {
    color: var(--brand);
    font: 800 24px Manrope;
    margin-top: 6px;
}

.submit-plan-option:has(input[value="premium"]) .submit-plan-price {
    color: #a36c08;
}

.submit-plan-price small {
    font: 500 11px Inter;
    color: var(--muted);
}

.submit-plan-description {
    color: var(--muted);
    font-size: 12px;
    margin-top: 7px;
}


/* Billing */

.billing-options {
    margin-top: 28px;
}

.billing-options h3 {
    font: 700 16px Manrope;
}

.billing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.billing-option {
    position: relative;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 12px;
    cursor: pointer;
}

.billing-option:has(input:checked) {
    border-color: var(--brand);
    background: #fff8f5;
}

.billing-option input {
    accent-color: var(--brand);
}

.billing-option span {
    display: flex;
    flex-direction: column;
}

.billing-option strong {
    font-size: 14px;
}

.billing-option small {
    color: var(--muted);
    font-size: 11px;
}

.billing-yearly > b {
    margin-left: auto;
    background: #e9f7ef;
    color: #16734e;
    border-radius: 20px;
    padding: 4px 7px;
    font-size: 9px;
}


/* Price summary */

.price-summary {
    margin-top: 25px;
    background: #f7f8fb;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.price-summary div {
    display: flex;
    flex-direction: column;
}

.price-summary span {
    color: var(--muted);
    font-size: 11px;
}

.price-summary strong {
    font-size: 14px;
    margin-top: 3px;
}

.price-summary .summary-total {
    text-align: right;
}

.price-summary .summary-total strong {
    color: var(--brand);
    font: 800 22px Manrope;
}


/* Submit footer */

.submit-footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 20px 24px;
}

.submit-footer strong {
    font-size: 14px;
}

.submit-footer p {
    margin: 2px 0 0;
    color: var(--muted);
    font-size: 11px;
}

.submit-listing-button {
    padding: 13px 24px;
    white-space: nowrap;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 520px;
        margin: auto;
    }

    .submit-plan-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 600px) {

    .pricing-hero {
        padding: 55px 0;
    }

    .pricing-card {
        padding: 24px;
    }

    .billing-grid {
        grid-template-columns: 1fr;
    }

    .price-summary {
        grid-template-columns: 1fr 1fr;
    }

    .price-summary .summary-total {
        grid-column: 1 / -1;
        text-align: left;
        border-top: 1px solid var(--line);
        padding-top: 10px;
    }

    .submit-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .submit-listing-button {
        width: 100%;
    }

}


/* =========================================================
   FINAL RESPONSIVE NAVIGATION
========================================================= */
.site-header{position:sticky;top:0;z-index:1000}
.nav-wrap{position:relative;display:flex;align-items:center;gap:18px;min-width:0}
.main-nav{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.main-nav>a,.nav-drop-btn{font-size:13px;color:#455066;font-weight:700;white-space:nowrap}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-drop-btn{border:0;background:transparent;padding:10px 4px;cursor:pointer;font-family:Inter}
.nav-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:250px;max-width:min(250px,calc(100vw - 30px));max-height:min(420px,calc(100vh - 95px));overflow-y:auto;overflow-x:hidden;display:none;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(23,32,51,.16);z-index:3000}
.nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown.open>.nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block!important;width:auto!important;padding:10px 11px!important;border-radius:8px;white-space:normal!important;color:#455066!important}
.nav-dropdown-menu a:hover{background:#f6f7fa;color:var(--brand)!important}
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
.account-actions{display:flex;align-items:center;gap:6px;padding-right:2px;border-right:1px solid var(--line)}
.nav-login-btn,.nav-register-btn,.nav-account-btn,.nav-logout-btn{display:inline-flex!important;align-items:center;justify-content:center;font-size:11px!important;font-weight:800!important;padding:8px 11px;border-radius:9px;border:1px solid var(--line);white-space:nowrap}
.nav-login-btn{color:#344054!important;background:#fff}.nav-register-btn{color:#fff!important;background:#172033;border-color:#172033}.nav-account-btn{color:#fff!important;background:#16734e;border-color:#16734e}.nav-logout-btn{color:#667085!important;background:#fff}
.mobile-account-actions{display:none}
.nav-cta{white-space:nowrap}
@media(max-width:1180px){.main-nav{gap:8px}.main-nav>a,.nav-drop-btn{font-size:12px}.nav-actions{gap:6px}.account-actions{gap:4px}.nav-login-btn,.nav-register-btn,.nav-account-btn,.nav-logout-btn{padding:8px 8px!important}.nav-cta{padding:9px 10px!important;font-size:11px!important}}
@media(max-width:900px){
 .nav-wrap{min-height:68px;gap:10px}.menu-toggle{display:block;order:2;margin-left:auto}.nav-actions{order:3;margin-left:0}.nav-actions .account-actions{display:none}.nav-cta{order:4}
 .main-nav{order:5;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:8px 14px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;box-shadow:0 18px 35px rgba(23,32,51,.12);max-height:calc(100vh - 75px);overflow-y:auto;overflow-x:hidden;z-index:2500}
 body.menu-open .main-nav{display:flex}.main-nav>a,.nav-drop-btn{width:100%;text-align:left;padding:12px 10px;font-size:14px}.nav-dropdown{display:block}.nav-dropdown-menu{position:static;width:auto;max-width:none;max-height:none;display:none;box-shadow:none;border:0;border-radius:0;padding:0 0 5px 12px}.nav-dropdown:hover>.nav-dropdown-menu{display:none}.nav-dropdown.open>.nav-dropdown-menu{display:block}.mobile-account-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:6px;padding:12px 10px 2px}.mobile-account-actions a{flex:1 1 120px!important;text-align:center!important}.account-actions{display:none}
}
@media(max-width:560px){.nav-wrap{gap:7px}.brand{font-size:21px}.nav-cta{font-size:10px!important;padding:8px 9px!important}.menu-toggle{font-size:23px}.mobile-account-actions{gap:6px}}

/* =========================================================
   DASHBOARD - SCOPED / STABLE
========================================================= */
.dashboard-container{max-width:1050px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-section{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:170px;box-shadow:var(--shadow)}.dashboard-section.section-active{border-left:4px solid #16734e}.dashboard-section.section-inactive{border-left:4px solid #cbd2dc;background:#fbfcfd}.dashboard-status{display:inline-block;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800;background:#eef2f5;color:#667085}.section-active .dashboard-status{background:#e9f7ef;color:#16734e}.dashboard-section h2{font:800 18px Manrope;margin:10px 0 6px}.dashboard-section p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.dashboard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-actions .btn{font-size:12px;padding:9px 13px}.dashboard-withdraw{font-size:11px;color:#9b3d3d;background:none;border:0;padding:7px;cursor:pointer}.dashboard-businesses{margin-top:20px;padding:22px}.dashboard-business-list{display:grid;gap:10px}.dashboard-business-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.dashboard-business-row:last-child{border-bottom:0}.dashboard-business-row>div:first-child{min-width:0}.dashboard-business-row strong{display:block;font-size:13px}.dashboard-business-row span,.dashboard-business-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.dashboard-business-row a.link{font-size:11px;font-weight:800;margin-left:7px}.friends-contact-dashboard .dashboard-business-row form{display:flex;gap:7px;align-items:center}.friends-contact-dashboard .dashboard-business-row button{font-size:11px;padding:8px 11px}.dashboard-container .card{overflow:hidden}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr}.dashboard-business-row{align-items:flex-start;flex-direction:column}.dashboard-business-row>div:last-child{width:100%}.dashboard-business-row>div:last-child a,.dashboard-business-row>div:last-child button{margin-left:0;margin-right:6px}}

/* Paid listing admin */
.admin-plan{display:inline-block;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800}.admin-plan-basic{background:#f0f2f5;color:#667085}.admin-plan-featured{background:#fff0eb;color:#b23a28}.admin-plan-premium{background:#fff5d9;color:#95680b}

/* =========================================================
   SECTION VISUAL SYSTEM - PATCH 2026-09
========================================================= */
.site-page{min-height:100vh}
.section-kicker{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#e54b36;margin-bottom:8px}
.friends-page-head{background:radial-gradient(circle at 85% 15%,rgba(255,94,145,.22),transparent 34%),linear-gradient(135deg,#2a1743,#8a285f 55%,#f05b58);color:#fff;border:0}.friends-page-head .meta{color:#fce9f1}.friends-page-head .section-kicker{color:#ffd5e5}.friends-head-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.friends-home-section,.friends-profile-section{background:linear-gradient(180deg,#fff4f8 0,#f8f5fb 55%,#fff 100%)}
.entertainment-head{background:radial-gradient(circle at 15% 20%,rgba(255,229,82,.32),transparent 30%),radial-gradient(circle at 85% 20%,rgba(255,105,180,.3),transparent 30%),linear-gradient(135deg,#5b1fa8,#ec3f8f 58%,#ff8a00);color:#fff;border:0}.entertainment-head .meta{color:#fff0fa}.entertainment-head .section-kicker{color:#fff8ad}.ent-head-row{display:flex;justify-content:space-between;align-items:end;gap:25px}.entertainment-cta{background:#fff!important;color:#6a1ca3!important;box-shadow:0 8px 20px rgba(0,0,0,.14)}.entertainment-section{background:linear-gradient(180deg,#fff7fd,#fff9e9 55%,#fff)}
.entertainment-layout,.friends-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.section-sidebar{display:grid;gap:16px;position:sticky;top:96px}.section-side-card{background:#fff;border:1px solid rgba(232,235,241,.95);border-radius:20px;padding:20px;box-shadow:0 14px 34px rgba(74,33,91,.09)}.side-kicker{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#e54b36}.section-side-card h3{font:800 19px Manrope;margin:6px 0 9px}.section-side-card p{font-size:12px;color:var(--muted)}.entertainment-side-nav a{display:block;padding:10px 11px;margin:4px 0;border-radius:10px;background:#fff5fc;font-weight:700;font-size:13px}.entertainment-side-nav a:hover{background:#f5e7ff;color:#7624a7}.entertainment-side-cta{background:linear-gradient(145deg,#fff2a8,#ffd7ef)}.vibrant-ad{min-height:125px;background:linear-gradient(135deg,#ffeaa8,#ffd6ef);border:1px dashed #db8ac1;border-radius:18px;display:grid;place-items:center;color:#9a4d7f;font-weight:800}
.ent-feature-grid,.game-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ent-feature-card,.game-card{border-radius:22px;padding:24px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 15px 35px rgba(79,29,96,.1);transition:.2s}.ent-feature-card:hover,.game-card:hover{transform:translateY(-4px)}.ent-feature-card span,.game-card span{font-size:40px;margin-bottom:auto}.ent-feature-card strong,.game-card h2{font:800 23px Manrope}.ent-feature-card small,.game-card p{color:#665b72;font-size:13px}.ent-feature-card.jokes{background:linear-gradient(135deg,#fff3a4,#ffd6e6)}.ent-feature-card.shayari{background:linear-gradient(135deg,#ffd8ec,#e9d6ff)}.ent-feature-card.lyrics{background:linear-gradient(135deg,#d8f4ff,#ddd8ff)}.ent-feature-card.games{background:linear-gradient(135deg,#dfffc7,#fff0ae)}.ent-editorial{margin-top:18px;padding:25px;border-radius:20px;background:#fff;border:1px solid #f1e6ee}.ent-card{background:#fff;border:1px solid #f0e2ec;border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(91,31,126,.09)}.random-content-card{min-height:420px;display:flex;flex-direction:column;justify-content:center;text-align:center}.ent-content-label{font-size:10px;font-weight:900;letter-spacing:2px;color:#9a2ab0;text-transform:uppercase}.random-content-card h2{font:800 29px Manrope}.random-content-text{font-size:22px;line-height:1.8;max-width:760px;margin:10px auto 25px}.ent-rating-form{border-top:1px solid #f0e4ef;padding-top:22px}.ent-rating-title{font-weight:800;margin-bottom:10px}.ent-rating-scale{display:flex;justify-content:center;gap:12px}.ent-rating-scale label{cursor:pointer}.ent-rating-scale input{position:absolute;opacity:0}.ent-rating-scale span{width:45px;height:45px;border:2px solid #e7d5e9;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#fff}.ent-rating-scale input:checked+span{background:#7a28a9;color:#fff;border-color:#7a28a9;transform:scale(1.08)}.ent-rating-form small{display:block;margin-top:10px;color:#8a8190}.entertainment-result-sidebar{background:linear-gradient(145deg,#fff2a5,#ffe2f2)}.sidebar-score{font:900 29px Manrope;color:#8a248f}.mini-rating-list>div{display:grid;grid-template-columns:18px 1fr 25px;gap:6px;align-items:center;margin:5px 0;font-size:11px}.mini-rating-list i{height:6px;background:#f0e5ec;border-radius:20px;overflow:hidden}.mini-rating-list i b{display:block;height:100%;background:linear-gradient(90deg,#5aa8ff,#ff4052)}.mini-rating-list em{font-style:normal;text-align:right;color:#777}.score-explain{color:#777}
.lyrics-filters{display:grid;grid-template-columns:1fr 210px auto;gap:10px;margin-bottom:18px}.lyrics-list{display:grid;gap:10px}.lyrics-row{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;background:#fff;border:1px solid #eee3f0;border-radius:16px;padding:17px 18px}.lyrics-year{font:800 20px Manrope;color:#8b2aa7}.lyrics-row h2{font:800 17px Manrope;margin:0}.lyrics-row p,.lyrics-row small{display:block;color:var(--muted);margin:3px 0;font-size:12px}.song-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.song-meta-grid div{padding:13px;border-radius:12px;background:#fff6fb}.song-meta-grid span{display:block;font-size:10px;color:#9b8a9b}.song-meta-grid strong{display:block;font-size:13px}.full-lyrics,.lyrics-rights-note{margin-top:24px;padding-top:20px;border-top:1px solid #eee}.full-lyrics div{font-size:18px;line-height:2;white-space:normal}.pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.pagination a{padding:8px 11px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:12px}.pagination a.active{background:#7a28a9;color:#fff;border-color:#7a28a9}
.game-card{background:linear-gradient(135deg,#fff,#f6f0ff)}.game-card a{font-weight:800;color:#7a28a9}
.consent-page{min-height:calc(100vh - 120px);padding:55px 0;background:linear-gradient(135deg,#fff3fa,#f5efff)}.consent-entertainment{background:linear-gradient(135deg,#fff1a1,#ffd7ed,#ead7ff)}.consent-friends{background:linear-gradient(135deg,#ffe0ec,#f0ddff,#ffd8bf)}.consent-games{background:linear-gradient(135deg,#e2ffd2,#fff1b4,#d8f5ff)}.consent-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:center}.consent-art{padding:25px}.consent-orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e54b36,#8c2bb3);color:#fff;font-size:35px;box-shadow:0 18px 35px rgba(120,44,135,.2)}.consent-art h1{font:800 clamp(36px,5vw,55px)/1.05 Manrope;margin:18px 0}.consent-art p{max-width:580px;color:#5f5967}.consent-card{padding:30px}.consent-highlight{padding:15px;border-radius:14px;background:#faf6ff;border:1px solid #eee1fa;margin-bottom:18px}.consent-highlight strong,.consent-highlight span{display:block}.consent-highlight span{font-size:12px;color:var(--muted);margin-top:3px}.consent-button{width:100%;margin:15px 0}
.vibrant-contact-head{background:linear-gradient(135deg,#0f6d72,#7c2f9e 60%,#ed5b7d);color:#fff;border:0}.vibrant-contact-head .meta{color:#eefcff}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-intro{background:linear-gradient(145deg,#fff0a6,#ffd9ec)}.contact-purpose-list{display:grid;gap:10px;margin-top:20px}.contact-purpose-list div{padding:12px;border-radius:12px;background:rgba(255,255,255,.65);font-weight:700}.contact-purpose-list span{margin-left:7px}
/* dashboard visual isolation */
.dashboard-container{position:relative}.dashboard-container .dashboard-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-container .dashboard-section{box-sizing:border-box;width:100%;min-width:0}.dashboard-container .dashboard-businesses{box-sizing:border-box;width:100%}
@media(max-width:900px){.friends-head-row,.ent-head-row{align-items:flex-start;flex-direction:column}.entertainment-layout,.friends-layout,.contact-layout,.consent-shell{grid-template-columns:1fr}.section-sidebar{position:static}.song-meta-grid{grid-template-columns:repeat(2,1fr)}.lyrics-filters{grid-template-columns:1fr}.lyrics-row{grid-template-columns:55px 1fr}.lyrics-row .link{grid-column:2}.dashboard-container .dashboard-grid{grid-template-columns:1fr}.friends-sidebar{width:100%}}
@media(max-width:600px){.ent-feature-grid,.game-card-grid{grid-template-columns:1fr}.random-content-card{padding:20px;min-height:360px}.random-content-text{font-size:18px}.ent-rating-scale{gap:6px}.ent-rating-scale span{width:38px;height:38px}.song-meta-grid{grid-template-columns:1fr}.friends-page-head h1,.entertainment-head h1{font-size:34px}}
/* Final dropdown containment: no layout shift, no cursor gap */
@media(min-width:901px){
.site-header .nav-wrap{overflow:visible}
.site-header .main-nav{overflow:visible}
.site-header .nav-dropdown{position:relative;align-self:stretch}
.site-header .nav-dropdown .nav-drop-btn{height:100%;display:inline-flex;align-items:center}
.site-header .nav-dropdown-menu{top:100%!important;left:0!important;margin:0!important;transform:none!important}
}
/* General vibrant treatment for non-directory sections */
.theme-personalities .page-head{background:linear-gradient(135deg,#173c8f,#5d3bb6,#d84c88);color:#fff;border:0}.theme-personalities .meta{color:#edf0ff}
.theme-city-guide .page-head,.theme-page .page-head{background:linear-gradient(135deg,#0e6670,#1c8a78,#e4b33f);color:#fff;border:0}.theme-city-guide .meta,.theme-page .meta{color:#effff8}
.theme-reviews .page-head,.theme-review-submit .page-head{background:linear-gradient(135deg,#7d2f0d,#e07b22,#ffd35a);color:#fff;border:0}.theme-reviews .meta,.theme-review-submit .meta{color:#fff7e7}
.theme-search .page-head,.theme-category .page-head,.theme-business .page-head{background:linear-gradient(135deg,#152c59,#275ea8,#40a6c6);color:#fff;border:0}.theme-search .meta,.theme-category .meta,.theme-business .meta{color:#eaf8ff}
.theme-login .auth-page,.theme-register .auth-page{background:linear-gradient(135deg,#e9ddff,#ffddeb,#fff0b9)}
.auth-page{padding:55px 0;min-height:calc(100vh - 130px)}.auth-card{background:#fff;border:1px solid #eee5f3;border-radius:22px;box-shadow:0 18px 45px rgba(60,33,90,.1);padding:30px}.auth-container{max-width:700px}
/* Step 7 — Things to Do in Meerut */
.things-hero{background:linear-gradient(135deg,#151d2f 0%,#293654 55%,#8e3f35 100%);color:#fff;padding:58px 0 62px}.things-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.things-hero h1{font:800 clamp(36px,5vw,58px)/1.05 Manrope;margin:12px 0}.things-hero p{max-width:720px;color:#dce3ed;font-size:17px;line-height:1.7}.things-hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);border-radius:22px;padding:28px;box-shadow:0 18px 40px rgba(0,0,0,.15)}.things-hero-card span,.things-hero-card small{display:block;color:#d8dfeb;font-size:12px}.things-hero-card strong{display:block;font:800 25px Manrope;margin:9px 0}.things-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.things-category-card,.things-guide-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);transition:.2s;text-decoration:none;color:inherit}.things-category-card:hover,.things-guide-card:hover{transform:translateY(-4px);border-color:#ffd0c6}.things-category-icon{font-size:34px;margin-bottom:12px}.things-category-card h3,.things-guide-card h3{font:800 19px Manrope;margin:0 0 7px}.things-category-card p,.things-guide-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 14px}.things-category-card span,.things-guide-card>b{color:var(--brand);font-size:12px;font-weight:900}.things-guide-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.things-guide-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#fff0ea,#fff8e9);display:grid;place-items:center;font-size:20px}.things-guide-card>b{grid-column:2}.things-empty{text-align:center;padding:45px}.things-empty>div{font-size:40px}.things-callout{margin-top:24px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#fff0ea,#fff7dc);border:1px solid #f2d9c9;display:flex;justify-content:space-between;align-items:center;gap:25px}.things-callout h2{font:800 25px Manrope;margin:7px 0}.things-callout p{max-width:720px;color:var(--muted);margin:0}.things-article{max-width:950px;margin:0 auto;padding:34px}.things-article-label{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:900;color:var(--brand);margin-bottom:12px}.things-content{font-size:16px;line-height:1.9;color:#3e4654}.things-content p{margin:0 0 18px}.things-faq{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.things-faq h2{font:800 23px Manrope}.things-faq-row{padding:15px 0;border-bottom:1px solid var(--line);white-space:pre-line;color:#4c5564}.things-back{margin-top:28px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.things-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.things-home-feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:var(--shadow);transition:.2s}.things-home-feature:hover{transform:translateY(-3px);border-color:#ffd0c6}.things-home-feature span{font-size:26px;display:block;margin-bottom:9px}.things-home-feature strong{display:block;font:800 16px Manrope}.things-home-feature small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);margin-bottom:20px}.breadcrumb a{font-weight:700}
@media(max-width:900px){.things-hero-grid{grid-template-columns:1fr}.things-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.things-home-grid{grid-template-columns:repeat(2,1fr)}.things-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.things-card-grid{grid-template-columns:1fr}.things-home-grid{grid-template-columns:1fr}.things-article{padding:22px}.things-hero{padding:45px 0}.things-hero h1{font-size:38px}}
/* Step 8 — Events in Meerut */
.events-hero{background:linear-gradient(135deg,#18253b 0%,#2e5268 52%,#b14d42 100%);color:#fff;padding:58px 0 62px}.events-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.events-hero h1{font:800 clamp(36px,5vw,58px)/1.05 Manrope;margin:12px 0}.events-hero p{max-width:720px;color:#dce8ee;font-size:17px;line-height:1.7}.events-hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:28px;box-shadow:0 18px 40px rgba(0,0,0,.15)}.events-hero-card span,.events-hero-card small{display:block;color:#dce6ee;font-size:12px}.events-hero-card strong{display:block;font:800 25px Manrope;margin:9px 0}.event-filter-links{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.event-filter-links a{padding:9px 13px;border:1px solid var(--line);background:#fff;border-radius:999px;font-weight:800;font-size:12px}.event-filter-links a:hover{border-color:#e5b9ae}.event-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:28px}.event-category-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:.2s}.event-category-card:hover{transform:translateY(-4px);border-color:#efc4b9}.event-category-card>div{font-size:28px;margin-bottom:10px}.event-category-card h3{font:800 18px Manrope;margin:0 0 6px}.event-category-card p{font-size:13px;line-height:1.6;color:var(--muted);min-height:42px}.event-category-card span{font-size:12px;font-weight:900;color:var(--brand)}.event-list{display:grid;gap:12px;max-width:1050px}.event-list-card{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 18px;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:.2s}.event-list-card:hover{transform:translateY(-2px);border-color:#efc4b9}.event-date{width:62px;height:68px;border-radius:15px;background:linear-gradient(145deg,#fff0e9,#fff8dd);display:grid;place-items:center;align-content:center}.event-date strong{font:900 24px Manrope;color:#a4473d;line-height:1}.event-date span{font-size:11px;font-weight:900;text-transform:uppercase;color:#765c5b;margin-top:3px}.event-list-card h3{font:800 18px Manrope;margin:6px 0}.event-list-card p{margin:0 0 5px;color:var(--muted);font-size:13px;line-height:1.55}.event-list-card small{font-size:11px;color:#7b818c}.event-list-card>b{font-size:12px;color:var(--brand);white-space:nowrap}.event-category-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#f7effa;color:#7d2b96;font-size:10px;font-weight:900}.event-empty{text-align:center;padding:42px;max-width:760px}.event-empty>div{font-size:40px}.event-empty h3{font:800 21px Manrope;margin:10px 0 6px}.event-empty p{color:var(--muted);max-width:580px;margin:0 auto 17px}.event-detail{max-width:980px;margin:0 auto;padding:32px}.event-detail-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.event-detail-top h2{font:800 clamp(28px,4vw,42px)/1.15 Manrope;margin:10px 0 22px}.event-cancelled{background:#fff0f0;color:#b32929;border:1px solid #f1caca;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.event-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:28px}.event-meta-grid>div{padding:15px;border-radius:14px;background:#faf7fb;border:1px solid #eee6f0}.event-meta-grid span,.event-meta-grid small{display:block;color:var(--muted);font-size:11px}.event-meta-grid strong{display:block;margin:5px 0;font-size:13px}.event-description{font-size:16px;line-height:1.9;color:#414957}.event-info-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:25px;padding:14px 16px;border-radius:14px;background:#f8f3fa}.event-info-strip strong{font-size:12px}.event-info-strip span,.event-info-strip a{font-size:12px}.event-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:27px}.event-list-home{max-width:100%}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:900px){.events-hero-grid{grid-template-columns:1fr}.event-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-meta-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.event-category-grid{grid-template-columns:1fr}.event-list-card{grid-template-columns:58px 1fr}.event-list-card>b{grid-column:2}.event-meta-grid{grid-template-columns:1fr}.event-detail{padding:22px}.event-detail-top{flex-direction:column}.admin-two-col{grid-template-columns:1fr}}