/* Sharjah only: compact, readable page and aligned package comparisons. */
.sme-page .sec{padding:clamp(2rem,3.2vw,3.5rem) 0}
.sme-page .sec-head{max-width:900px;margin-bottom:1.6rem}
.sme-page .about-seo{max-width:1100px}
.sme-page .about-seo p{line-height:1.7;margin-bottom:1rem}
.sme-page .about-seo p:last-child{margin-bottom:0}
.sme-page .shj-editorial>.container{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:3rem;align-items:start}
.sme-page .shj-editorial .sec-head{text-align:left;max-width:none;margin:0}
.sme-page .shj-editorial .about-seo{max-width:none;margin:0}
.sme-page .shj-columns,.sme-page .shj-area-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:none}
.sme-page .shj-columns p{margin:0}
.sme-page .shj-area-columns{margin-top:1.5rem}
.sme-page .shj-area-columns .about-seo{margin:0!important}
.sme-page .shj-package-grid{gap:1.25rem;align-items:stretch;padding-top:.5rem}
.sme-page .shj-package-grid .price-card{padding:1.6rem 1.3rem;border-width:2px}
.sme-page .shj-package-grid .pkg-name{min-height:3.25rem;line-height:1.35}
.sme-page .shj-package-grid .pkg-sub{margin-bottom:.65rem}
.sme-page .shj-package-grid .pkg-price{font-size:clamp(1.7rem,2.3vw,2rem)}
.sme-page .shj-price-rate{font-size:.8rem;color:var(--muted);margin-top:.45rem}
.sme-page .shj-package-grid .pkg-desc{flex:1;margin:.9rem 0 1.2rem;line-height:1.65}
.sme-page .shj-package-grid .btn{margin-top:auto;width:100%;text-align:center;white-space:normal;min-height:48px;padding:.8rem .7rem;justify-content:center}
.sme-page .shj-care-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2rem;margin-top:1.25rem;padding:1.3rem 1.5rem;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:14px;background:var(--bg-alt)}
.sme-page .shj-care-row .pkg-desc{margin:.35rem 0 0}
.sme-page .shj-care-row .pkg-price{font-size:1.5rem}
.sme-page .shj-care-price{text-align:right;white-space:nowrap}
.sme-page .shj-process .steps{gap:1.25rem}
.sme-page .shj-process .step{padding:1.3rem;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff}
.sme-page .shj-process .num{font-size:1.4rem;line-height:1;display:inline-flex;padding:.7rem;border-radius:12px;background:var(--bg-alt);margin-bottom:.8rem}
.sme-page .shj-process .step h3{margin-bottom:.5rem;font-size:1.1rem}
.sme-page .grid-port{gap:1.25rem}
@media(min-width:1200px){.sme-page .grid-port{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.sme-page .shj-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sme-page .shj-process .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sme-page .shj-editorial>.container{grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:600px){
 .sme-page .sec{padding:2.25rem 0}
 .sme-page .container{padding-left:20px;padding-right:20px}
 .sme-page .sec-head{margin-bottom:1.25rem}
 .sme-page .shj-package-grid,.sme-page .shj-columns,.sme-page .shj-area-columns,.sme-page .shj-process .steps,.sme-page .grid-port{grid-template-columns:1fr;gap:1.25rem}
 .sme-page .shj-package-grid .pkg-name{min-height:0}
 .sme-page .shj-package-grid .pkg-price{font-size:2rem}
 .sme-page .shj-care-row{grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.2rem}
 .sme-page .shj-care-row .btn{grid-column:1 / -1;justify-content:center}
 .sme-page .about-seo p{font-size:1rem;line-height:1.7}
}

/* Keep the agency comparison readable, with scrolling inside its own container. */
.sme-page .table-responsive{max-width:1100px!important}
.sme-page .table-responsive table{min-width:680px}

.sme-page .sme-price-note{margin:1.2rem 0 0;padding:1rem 1.2rem;background:var(--bg-alt);border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.92rem;line-height:1.7}
.sme-page .sme-price-note strong{color:var(--navy)}
.sme-page .sme-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
@media(max-width:1100px){.sme-page .sme-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sme-page .sme-process-grid{grid-template-columns:1fr}}
