/* Conversion and SEO templates for Expert Rating */
.er-info-hero{display:grid;grid-template-columns:minmax(0,1fr)330px;gap:24px;align-items:stretch;margin:4px 0 20px;padding:26px;border:1px solid var(--er-border);border-radius:10px;background:linear-gradient(135deg,#fff,#f0f4ff);box-shadow:var(--er-shadow)}
.er-info-hero--rating{background:linear-gradient(135deg,#fff,#f2efff 55%,#eefbf5)}
.er-info-hero .er-page-title{font-size:clamp(34px,4.4vw,58px)}
.er-hero-card{padding:18px;border:1px solid rgba(37,87,214,.16);border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(20,28,45,.07)}
.er-hero-card__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--er-blue),var(--er-violet));color:#fff;font-size:24px;font-weight:950;margin-bottom:12px}
.er-hero-card strong{display:block;font-size:21px;line-height:1.2}
.er-hero-card p{color:var(--er-muted);margin:8px 0 0}
.er-conversion-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 24px}
.er-conversion-strip span{min-height:62px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--er-border);border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(20,28,45,.05);font-weight:900}
.er-conversion-strip b{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--er-green-soft);color:var(--er-green);font-size:18px}
.er-layout--wide{grid-template-columns:minmax(0,860px)320px}
.er-toc--conversion{background:#fff}
.er-cta-panel{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:16px;align-items:center;margin:22px 0;padding:20px;border:1px solid rgba(37,87,214,.18);border-radius:10px;background:linear-gradient(135deg,#edf2ff,#fff);box-shadow:var(--er-shadow)}
.er-cta-panel h2{margin:0;font-size:26px;line-height:1.2}
.er-cta-panel p{margin:6px 0 0;color:var(--er-muted)}
.er-cta-panel__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:var(--er-blue);color:#fff;font-weight:950;margin-bottom:10px}
.er-method{margin:24px 0}
.er-method h2,.er-featured h2,.er-criteria h2,.er-expert-verdict h2{margin:0 0 14px;font-size:28px;line-height:1.22}
.er-method__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.er-method__grid article{padding:16px;border:1px solid var(--er-border);border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(20,28,45,.05)}
.er-method__grid span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:var(--er-blue);font-weight:950;margin-bottom:10px}
.er-method__grid strong{display:block;font-size:19px}
.er-method__grid p{margin:6px 0 0;color:var(--er-muted)}
.er-criteria{padding:16px;margin:24px 0}
.er-featured{margin:26px 0}
.er-expert-verdict{padding:20px;margin:24px 0;border:1px solid rgba(17,163,106,.22);border-radius:10px;background:linear-gradient(135deg,#fff,#effaf5);box-shadow:var(--er-shadow)}
.er-box--cta{border-color:rgba(37,87,214,.18);background:linear-gradient(180deg,#fff,#f5f7ff)}
.er-prose h2:before{content:"";display:inline-block;width:10px;height:10px;margin-right:9px;border-radius:3px;background:var(--er-blue);vertical-align:middle}
.er-product .er-button,.er-card .er-button{margin-top:auto}
.er-sidebar{top:118px}
.er-rating-page .er-prose{max-width:820px}
.er-rating-page .er-products{grid-template-columns:repeat(2,minmax(0,1fr))}
.er-table td:first-child{font-weight:900;color:var(--er-text)}
@media(max-width:1024px){.er-info-hero,.er-layout--wide{grid-template-columns:1fr}.er-hero-card{max-width:620px}.er-conversion-strip{grid-template-columns:repeat(2,1fr)}.er-sidebar{position:static}.er-rating-page .er-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.er-info-hero{padding:18px}.er-method__grid,.er-rating-page .er-products{grid-template-columns:1fr}.er-cta-panel{grid-template-columns:1fr}.er-cta-panel .er-actions{margin-top:0}.er-conversion-strip{grid-template-columns:1fr}.er-hero-card__icon{width:46px;height:46px}.er-method h2,.er-featured h2,.er-criteria h2,.er-expert-verdict h2{font-size:24px}}
@media(max-width:420px){.er-info-hero .er-page-title{font-size:30px}.er-cta-panel .er-button,.er-info-hero .er-button{width:100%}.er-conversion-strip span{min-height:56px}.er-table th,.er-table td{padding:10px}}