/*
 * SuperRankSEO WooCommerce Elementor page.
 * Native Elementor content; CSS owns only visual grammar/layout.
 */

.srs-woo-elementor {
	--srsw-blue:#1d4ed8;
	--srsw-blue-hover:#1e40af;
	--srsw-green:#059669;
	--srsw-red:#dc2626;
	--srsw-text:#0f172a;
	--srsw-muted:#475569;
	--srsw-line:#e2e8f0;
	--srsw-low:#f8fafc;
	--srsw-soft:#eff6ff;
	--srsw-green-soft:#ecfdf5;
	--srsw-red-soft:#fef2f2;
	background:#fff;
	color:var(--srsw-text);
	font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.srs-woo-elementor .elementor-widget { margin-bottom:0; }
.srs-woo-elementor .elementor-widget-text-editor p { margin:0; }

.srsw-section {
	width:100%;
	padding:5rem 1.5rem;
}

.srsw-section-low { background:rgba(248,250,252,.88); }

.srsw-wrap {
	width:min(100%,80rem);
	margin-inline:auto;
}

.srsw-narrow {
	width:min(100%,56rem);
	margin-inline:auto;
}

.srsw-stack { gap:1rem; }

.srsw-center {
	align-items:center;
	text-align:center;
}

.srsw-breadcrumb {
	color:#64748b;
	font-size:.8rem;
	line-height:1.5;
	text-align:center;
}
.srsw-breadcrumb a { color:#475569; text-decoration:none; }
.srsw-breadcrumb a:hover { color:var(--srsw-blue); }

.srsw-pill {
	width:auto;
	align-self:center;
	padding:.42rem .85rem;
	border:1px solid #bfdbfe;
	border-radius:999px;
	background:var(--srsw-soft);
}
.srsw-pill .elementor-heading-title {
	color:var(--srsw-blue);
	font:800 .72rem/1.2 "Inter",sans-serif;
	letter-spacing:.06em;
	text-transform:uppercase;
}

.srsw-hero-title .elementor-heading-title {
	max-width:56rem;
	margin-inline:auto;
	color:var(--srsw-text);
	font-family:"Plus Jakarta Sans",sans-serif;
	font-size:clamp(2.35rem,5vw,3.6rem);
	font-weight:800;
	line-height:1.08;
	letter-spacing:-.035em;
	text-align:center;
}
.srsw-hero-title .srsw-accent { color:var(--srsw-blue); }

.srsw-lead,
.srsw-lead p {
	max-width:48rem;
	margin-inline:auto;
	color:var(--srsw-muted);
	font-size:1rem;
	line-height:1.7;
	text-align:center;
}

.srsw-actions,
.srsw-trust,
.srsw-grid2,
.srsw-grid3,
.srsw-grid4,
.srsw-steps,
.srsw-ui-body,
.srsw-card-head,
.srsw-status,
.srsw-field,
.srsw-tab-row,
.srsw-code-head,
.srsw-code-foot {
	flex-direction:row !important;
}

.srsw-actions {
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:1rem;
}
.srsw-actions>.elementor-widget { width:auto; flex:0 0 auto; }
.srsw-primary .elementor-button,
.srsw-secondary .elementor-button {
	min-height:3rem;
	padding:.75rem 1.5rem;
	border-radius:.55rem;
	font-weight:750;
}
.srsw-primary .elementor-button {
	background:var(--srsw-blue);
	color:#fff;
	box-shadow:0 5px 14px rgba(29,78,216,.2);
}
.srsw-secondary .elementor-button {
	border:1px solid #cbd5e1;
	background:#fff;
	color:#334155;
	box-shadow:0 1px 3px rgba(15,23,42,.06);
}

.srsw-trust {
	align-items:stretch;
	gap:1rem;
	width:100%;
}
.srsw-trust>.e-con {
	width:calc((100% - 3rem)/4);
	flex:1 1 calc((100% - 3rem)/4);
}
.srsw-trust-card {
	justify-content:center;
	min-height:5.2rem;
	padding:.9rem;
	border:1px solid #f1f5f9;
	border-radius:.8rem;
	background:#fff;
	box-shadow:0 1px 5px rgba(15,23,42,.05);
}
.srsw-trust-card .elementor-heading-title {
	color:#0f172a;
	font:750 .78rem/1.45 "Inter",sans-serif;
}

.srsw-eyebrow {
	width:auto;
	align-self:center;
	color:var(--srsw-blue);
	font-size:.7rem;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
}

.srsw-section-title .elementor-heading-title {
	max-width:52rem;
	margin-inline:auto;
	color:var(--srsw-text);
	font-family:"Plus Jakarta Sans",sans-serif;
	font-size:clamp(1.8rem,3.5vw,2.3rem);
	font-weight:800;
	line-height:1.18;
	letter-spacing:-.025em;
	text-align:center;
}

.srsw-intro {
	max-width:50rem;
	margin:0 auto 3.2rem;
	align-items:center;
	text-align:center;
	gap:.8rem;
}
.srsw-copy,
.srsw-copy p {
	color:var(--srsw-muted);
	font-size:.88rem;
	line-height:1.65;
}

.srsw-grid2 { gap:2rem; align-items:stretch; }
.srsw-grid2>.e-con { width:calc((100% - 2rem)/2); flex:1 1 0; }

.srsw-compare-card {
	overflow:hidden;
	border:1px solid var(--srsw-line);
	border-radius:1rem;
	background:#fff;
	box-shadow:0 8px 24px rgba(15,23,42,.07);
}
.srsw-card-head {
	align-items:center;
	gap:.8rem;
	padding:1.5rem 1.7rem;
	background:#f8fafc;
}
.srsw-compare-good .srsw-card-head { background:#ecfdf5; }
.srsw-card-label .elementor-heading-title {
	color:#64748b;
	font-size:.67rem;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.srsw-card-title .elementor-heading-title {
	color:#0f172a;
	font-family:"Plus Jakarta Sans",sans-serif;
	font-size:1.12rem;
	font-weight:800;
	line-height:1.35;
}
.srsw-card-body { padding:1.5rem 1.7rem 1.7rem; gap:.85rem; }
.srsw-list-item,
.srsw-list-item p {
	color:#475569;
	font-size:.83rem;
	line-height:1.55;
}
.srsw-list-item strong { color:#1e293b; }
.srsw-list-bad p::before,
.srsw-list-good p::before {
	display:inline-grid;
	place-items:center;
	width:1.35rem;
	height:1.35rem;
	margin-right:.5rem;
	border-radius:50%;
	font-weight:800;
}
.srsw-list-bad p::before { content:"×"; background:var(--srsw-red-soft); color:var(--srsw-red); }
.srsw-list-good p::before { content:"✓"; background:var(--srsw-green-soft); color:var(--srsw-green); }

.srsw-status {
	justify-content:space-between;
	align-items:center;
	gap:1rem;
	margin-top:.5rem;
	padding:.85rem 1rem;
	border-radius:.7rem;
	background:#f8fafc;
}
.srsw-status .elementor-widget { width:auto; flex:0 0 auto; }
.srsw-status-label,
.srsw-status-label p { color:#64748b; font-size:.72rem; font-weight:700; }
.srsw-status-value,
.srsw-status-value p { color:#0f172a; font-size:.75rem; font-weight:800; text-align:right; }
.srsw-compare-bad .srsw-status-value p { color:#b91c1c; }
.srsw-compare-good .srsw-status-value p { color:#047857; }

.srsw-ui {
	overflow:hidden;
	border:1px solid #dbe2ea;
	border-radius:1.25rem;
	background:#fff;
	box-shadow:0 18px 44px rgba(15,23,42,.1);
}
.srsw-ui-top {
	flex-direction:row !important;
	justify-content:space-between;
	align-items:center;
	gap:1rem;
	padding:1rem 1.25rem;
	border-bottom:1px solid var(--srsw-line);
	background:#f8fafc;
}
.srsw-ui-top>.elementor-widget { width:auto; flex:0 0 auto; }
.srsw-ui-top-title .elementor-heading-title { font-size:.85rem; font-weight:800; }
.srsw-live-pill {
	padding:.35rem .65rem;
	border-radius:999px;
	background:#ecfdf5;
	color:#047857;
	font-size:.67rem;
	font-weight:800;
}

.srsw-ui-body { align-items:stretch; gap:0; }
.srsw-config { width:42%; flex:5 1 0; padding:1.5rem; gap:.85rem; border-right:1px solid var(--srsw-line); }
.srsw-code { width:58%; flex:7 1 0; min-width:0; background:#131b2e; color:#eef0ff; }
.srsw-ui-product .elementor-heading-title { font-size:1.25rem; font-weight:800; }
.srsw-ui-meta,.srsw-ui-meta p { color:#64748b; font-size:.75rem; }

.srsw-tab-row {
	gap:.25rem;
	padding:.25rem;
	border-radius:.6rem;
	background:#f1f5f9;
}
.srsw-tab-row>.elementor-widget { width:33.333%; flex:1 1 0; }
.srsw-tab .elementor-button,
.srsw-tab .elementor-heading-title {
	display:flex;
	width:100%;
	justify-content:center;
	padding:.55rem .35rem;
	border-radius:.45rem;
	background:transparent;
	color:#64748b;
	font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	font-size:.68rem;
	font-weight:750;
	line-height:1;
	box-shadow:none;
}
.srsw-tab-active .elementor-button,
.srsw-tab-active .elementor-heading-title { background:#fff; color:var(--srsw-blue); box-shadow:0 1px 3px rgba(15,23,42,.08); }

.srsw-field {
	justify-content:space-between;
	align-items:center;
	gap:1rem;
	padding:.8rem 0;
	border-bottom:1px solid #e2e8f0;
}
.srsw-field>.elementor-widget { width:auto; }
.srsw-field-label,.srsw-field-label p { color:#334155; font-size:.75rem; font-weight:750; }
.srsw-field-value,.srsw-field-value p { color:#64748b; font-size:.7rem; text-align:right; }
.srsw-field-price,.srsw-field-price p { color:#047857; font-size:.8rem; font-weight:800; }

.srsw-info-card {
	padding:.9rem;
	border:1px solid #e2e8f0;
	border-radius:.7rem;
	background:#f8fafc;
	gap:.4rem;
}
.srsw-info-card .elementor-heading-title { font-size:.72rem; font-weight:800; }
.srsw-info-card p { color:#64748b; font-size:.68rem; line-height:1.5; }

.srsw-code-head,
.srsw-code-foot {
	justify-content:space-between;
	align-items:center;
	gap:1rem;
	padding:1rem 1.25rem;
	border-bottom:1px solid rgba(255,255,255,.12);
}
.srsw-code-foot { justify-content:flex-end; border-top:1px solid rgba(255,255,255,.12); border-bottom:0; }
.srsw-code-head .elementor-heading-title { color:#eef0ff; font:750 .72rem/1.4 "Inter",sans-serif; }
.srsw-code-text,
.srsw-code-text p,
.srsw-code-text pre {
	color:#dce1ff;
	font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.srsw-code-text pre {
	margin:0;
	padding:1.5rem;
	white-space:pre-wrap;
	word-break:break-word;
}
.srsw-code-note,.srsw-code-note p { color:#86efac; font-size:.68rem; font-weight:700; }

.srsw-grid4 { gap:1.25rem; align-items:stretch; }
.srsw-grid4>.e-con { width:calc((100% - 3.75rem)/4); flex:1 1 0; }
.srsw-feature {
	padding:1.4rem;
	border:1px solid #e2e8f0;
	border-radius:1rem;
	background:#fff;
	box-shadow:0 1px 5px rgba(15,23,42,.045);
	gap:.65rem;
}
.srsw-feature-title .elementor-heading-title {
	font-family:"Plus Jakarta Sans",sans-serif;
	font-size:1rem;
	font-weight:800;
	line-height:1.35;
}
.srsw-feature-proof,.srsw-feature-proof p {
	margin-top:auto;
	color:var(--srsw-blue);
	font-size:.69rem;
	font-weight:800;
}

.srsw-steps { gap:1.5rem; align-items:stretch; }
.srsw-steps>.e-con { width:calc((100% - 3rem)/3); flex:1 1 0; }
.srsw-step {
	padding:1.5rem;
	border:1px solid #e2e8f0;
	border-radius:1rem;
	background:#fff;
	gap:.7rem;
}
.srsw-step-num {
	width:2.5rem;
	height:2.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:.75rem;
	background:var(--srsw-blue);
}
.srsw-step-num .elementor-heading-title { color:#fff; font-size:.85rem; font-weight:800; }
.srsw-step-title .elementor-heading-title { font-size:1.05rem; font-weight:800; line-height:1.35; }
.srsw-step-proof,.srsw-step-proof p { color:#047857; font-size:.7rem; font-weight:800; margin-top:auto; }

.srsw-faq { width:min(100%,52rem); margin-inline:auto; }
.srsw-faq .elementor-accordion-item { margin:.75rem 0; border:1px solid #e2e8f0 !important; border-radius:.75rem; overflow:hidden; }
.srsw-faq .elementor-tab-title { padding:1rem 1.15rem !important; font-family:"Plus Jakarta Sans",sans-serif; font-weight:750; }
.srsw-faq .elementor-tab-content { padding:0 1.15rem 1.15rem !important; color:#475569; font-size:.84rem; line-height:1.65; }

.srsw-cta {
	padding:4rem 2rem;
	border-radius:1.5rem;
	background:var(--srsw-blue);
	box-shadow:0 16px 38px rgba(29,78,216,.2);
	align-items:center;
	text-align:center;
	gap:1rem;
}
.srsw-cta .srsw-section-title .elementor-heading-title,
.srsw-cta .srsw-lead,
.srsw-cta .srsw-lead p { color:#fff; }
.srsw-cta .srsw-primary .elementor-button { background:#fff; color:var(--srsw-blue); }
.srsw-cta .srsw-secondary .elementor-button { border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.1); color:#fff; }

@media(max-width:960px){
	.srsw-trust,.srsw-grid4 { flex-wrap:wrap; }
	.srsw-trust>.e-con,.srsw-grid4>.e-con { width:calc((100% - 1rem)/2); flex-basis:calc((100% - 1rem)/2); }
	.srsw-ui-body { flex-direction:column !important; }
	.srsw-config,.srsw-code { width:100%; flex-basis:100%; }
	.srsw-config { border-right:0; border-bottom:1px solid var(--srsw-line); }
}

@media(max-width:767px){
	.srsw-section { padding:3.5rem 1rem; }
	.srsw-grid2,.srsw-steps { flex-direction:column !important; }
	.srsw-grid2>.e-con,.srsw-steps>.e-con { width:100%; flex-basis:100%; }
	.srsw-intro { margin-bottom:2.5rem; }
	.srsw-hero-title .elementor-heading-title { font-size:2rem; line-height:1.2; }
	.srsw-section-title .elementor-heading-title { font-size:1.65rem; }
}

@media(max-width:520px){
	.srsw-trust,.srsw-grid4 { flex-direction:column !important; }
	.srsw-trust>.e-con,.srsw-grid4>.e-con { width:100%; flex-basis:100%; }
	.srsw-actions { flex-direction:column !important; align-items:stretch; width:100%; }
	.srsw-actions>.elementor-widget,
	.srsw-actions .elementor-button-wrapper,
	.srsw-actions .elementor-button { width:100%; }
	.srsw-status { flex-direction:column !important; align-items:flex-start; }
	.srsw-status-value,.srsw-status-value p { text-align:left; }
	.srsw-tab-row { flex-direction:column !important; }
	.srsw-tab-row>.elementor-widget { width:100%; }
	.srsw-field { flex-direction:column !important; align-items:flex-start; }
	.srsw-field-value,.srsw-field-value p { text-align:left; }
	.srsw-card-head,.srsw-card-body { padding-left:1.2rem; padding-right:1.2rem; }
	.srsw-cta { padding:3rem 1.25rem; }
}