.smartrankai-grid__items {
	display: grid;
	grid-template-columns: repeat(var(--smartrankai-columns, 3), minmax(0, 1fr));
	gap: 1.5rem;
}

@media (max-width: 767px) {
	.smartrankai-grid__items { grid-template-columns: 1fr; }
}

.smartrankai-card img {
	display: block;
	width: 100%;
	height: auto;
}

.smartrankai-card h3 {
	margin: .75rem 0 .35rem;
}

.smartrankai-article {
	--srai-accent: var(--wd-primary-color, #3e3af2);
	--srai-border: #e7e7ec;
	--srai-soft: #f7f7f9;
	width: min(100%, 1200px);
	max-width: 1200px;
	margin-inline: auto;
	color: #333;
}

.smartrankai-article-images { margin: 0 0 2rem; }
.smartrankai-editorial-image { margin: 0; overflow: hidden; border-radius: 18px; background: var(--srai-soft); }
.smartrankai-editorial-image img { display: block; width: 100%; height: auto; }

.smartrankai-summary,
.smartrankai-toc,
.smartrankai-sources {
	margin: 0 0 2rem;
	padding: 1.5rem;
	border: 1px solid var(--srai-border);
	border-radius: 14px;
	background: var(--srai-soft);
}

.smartrankai-summary { border-left: 5px solid var(--srai-accent); }
.smartrankai-summary p { margin: .5rem 0 0; font-size: 1.08em; line-height: 1.7; }
.smartrankai-eyebrow { color: var(--srai-accent); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.smartrankai-toc strong { display: block; margin-bottom: .75rem; font-size: 1.1rem; }
.smartrankai-toc ol { margin: 0; columns: 2; column-gap: 2rem; }
.smartrankai-toc li { margin: 0 0 .5rem; break-inside: avoid; }
.smartrankai-toc a { color: inherit; text-decoration: none; }
.smartrankai-toc a:hover { color: var(--srai-accent); }

.smartrankai-article__body > p { line-height: 1.8; margin-bottom: 1.25rem; }
.smartrankai-article__body h2 { margin: 2.5rem 0 1rem; scroll-margin-top: 100px; font-size: clamp(1.55rem, 3vw, 2rem); }
.smartrankai-article__body h3 { margin: 1.8rem 0 .75rem; }
.smartrankai-article__body ul,
.smartrankai-article__body ol { margin-bottom: 1.5rem; }
.smartrankai-article__body li { margin-bottom: .55rem; }
.smartrankai-article__body blockquote { margin: 2rem 0; padding: 1.25rem 1.5rem; border: 0; border-left: 5px solid var(--srai-accent); border-radius: 0 12px 12px 0; background: #f1f1ff; font-style: normal; }
.smartrankai-article__body table { display: block; width: 100%; margin: 1.5rem 0 2rem; overflow-x: auto; border-collapse: collapse; border-radius: 12px; }
.smartrankai-article__body th,
.smartrankai-article__body td { min-width: 150px; padding: .9rem 1rem; border: 1px solid var(--srai-border); text-align: left; vertical-align: top; }
.smartrankai-article__body th { background: #25252d; color: #fff; }

.smartrankai-article-intro { margin-bottom: 2.5rem; }
.smartrankai-editorial-section { margin: 0 0 3.5rem; }
.smartrankai-editorial-section > h2 { margin-bottom: 1.25rem; }
.smartrankai-section__layout.has-media { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
.smartrankai-section__media { min-width: 0; }
.smartrankai-section__media:empty { display: none; }
.smartrankai-section__media figure { margin: 0; }
.smartrankai-section__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }
.smartrankai-editorial-section--right .smartrankai-section__text { grid-column: 1; }
.smartrankai-editorial-section--right .smartrankai-section__media { grid-column: 2; }
.smartrankai-editorial-section--left .smartrankai-section__media { grid-column: 1; grid-row: 1; }
.smartrankai-editorial-section--left .smartrankai-section__text { grid-column: 2; }
.smartrankai-editorial-section--wide .smartrankai-section__layout.has-media { display: flex; flex-direction: column; align-items: stretch; }
.smartrankai-editorial-section--wide .smartrankai-section__media { order: -1; }
.smartrankai-editorial-section--wide .smartrankai-section__media img { aspect-ratio: 16 / 7; }
.smartrankai-editorial-section--wide .smartrankai-section__text { columns: 2; column-gap: 2.5rem; }
.smartrankai-editorial-section--wide .smartrankai-section__text > * { break-inside: avoid; }

.smartrankai-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.smartrankai-product-card { display: flex; flex-direction: column; min-width: 0; padding: 1rem; border: 1px solid var(--srai-border); border-radius: 14px; background: #fff; box-shadow: 0 8px 25px rgba(0,0,0,.05); }
.smartrankai-product-card > div { display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.smartrankai-product-card__image { display: block; width: 100%; margin-bottom: 1rem; }
.smartrankai-product-card__image img { display: block; width: 100%; height: 180px; object-fit: contain; }
.smartrankai-product-card h3 { margin: 0 0 .5rem; font-size: 1rem; }
.smartrankai-product-card__price { margin-bottom: .7rem; color: #222; font-weight: 700; }
.smartrankai-product-card__button,
.smartrankai-card__button { display: inline-block; padding: .65rem .9rem; border-radius: 7px; background: var(--srai-accent); color: #fff !important; font-size: .85rem; font-weight: 700; text-decoration: none; }
.smartrankai-product-card a.button.smartrankai-product-card__button { background-color: var(--wd-primary-color, var(--srai-accent)); color: #fff !important; opacity: 1; }
.smartrankai-product-card__button { margin-top: auto; }
.smartrankai-chip-list,
.smartrankai-related-list { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.smartrankai-chip-list a,
.smartrankai-related-list a { display: block; padding: .65rem .9rem; border: 1px solid var(--srai-border); border-radius: 999px; background: #fff; color: inherit; text-decoration: none; }
.smartrankai-sources { margin-top: 2.5rem; font-size: .92rem; }
.smartrankai-sources h2 { margin-top: 0; font-size: 1.25rem; }
.smartrankai-sources__note { color: #666; }

@media (max-width: 1024px) {
	.smartrankai-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.smartrankai-article { max-width: 100%; }
	.smartrankai-summary, .smartrankai-toc, .smartrankai-sources { padding: 1.1rem; }
	.smartrankai-toc ol { columns: 1; }
	.smartrankai-product-grid { grid-template-columns: 1fr; }
	.smartrankai-product-card { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 1rem; }
	.smartrankai-product-card__image { margin-bottom: 0; }
	.smartrankai-product-card__image img { height: 88px; }
	.smartrankai-section__layout.has-media { display: flex; flex-direction: column; }
	.smartrankai-section__media { order: -1; width: 100%; }
	.smartrankai-editorial-section--wide .smartrankai-section__text { columns: 1; }
	.smartrankai-editorial-section--wide .smartrankai-section__media img { aspect-ratio: 4 / 3; }
}