/* Blocks on pages outside product pages. */

/* ---------------- For Partners: contact the sales team — [akey_sales_contact], on the FAQ grid (.akey-split 4 + 8) */
.akey-sales-split .akey-split__head h2::before { content: none; }
.akey-sales-split .akey-split__head h2 { margin-top: 12px !important; }
.akey-split__head .akey-sales__eyebrow, .akey-sales__list-title, .akey-sales__label { font: 600 12px/1.2 'Work Sans', sans-serif !important; letter-spacing: .12em; text-transform: uppercase; color: #6b6b6b !important; margin: 0 !important; max-width: none !important; }
.akey-split__head .akey-sales__eyebrow { color: #da0101 !important; }

.akey-sales { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.akey-sales__card { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 22px 22px 24px; border-radius: 12px; background: #fff; color: #212121 !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; }
.akey-sales__card::after { content: "\2192"; position: absolute; right: 20px; top: 22px; font-size: 20px; line-height: 40px; color: #9a9a9a; transition: transform .2s ease, color .2s ease; }
.akey-sales__card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, .08); }
.akey-sales__card:hover::after { transform: translateX(4px); color: #da0101; }
.akey-sales__card:focus-visible { outline: 2px solid #da0101; outline-offset: 3px; }
.akey-sales__ico { flex: none; width: 40px; height: 40px; padding: 9px; border-radius: 50%; background: #f1f1f1; fill: none; stroke: #212121; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; box-sizing: border-box; }
.akey-sales__text { display: flex; flex-direction: column; gap: 4px; }
.akey-sales__value { font: 600 18px/1.3 'Work Sans', sans-serif; color: #212121; letter-spacing: -0.01em; }
.akey-sales__note { font-size: 14px; line-height: 1.45; color: #6b6b6b; }
.akey-sales__card--primary { background: #212121; color: #fff !important; }
.akey-sales__card--primary .akey-sales__ico { background: #da0101; stroke: #fff; }
.akey-sales__card--primary .akey-sales__label, .akey-sales__card--primary .akey-sales__note { color: #bdbdbd !important; }
.akey-sales__card--primary .akey-sales__value { color: #fff; }
.akey-sales__card--primary::after, .akey-sales__card--primary:hover::after { color: #fff; }

/* what to include: under the cards, two columns, brand-red dots */
.akey-sales__include { margin-top: 28px; }
.akey-sales__include ul { list-style: none; margin: 12px 0 0 !important; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.akey-sales__include li { position: relative; padding-left: 20px; margin: 0 !important; font-size: 16px; line-height: 1.75; color: #3b3b3b; }
.akey-sales__include li::before { content: ""; position: absolute; left: 0; top: 0; width: 7px; height: 1.75em; background: radial-gradient(circle, #da0101 0 3px, transparent 3.5px) center / 7px 7px no-repeat; }

/* below 1280 px a card is too narrow for the email address: cards become rows of one height */
@media (max-width: 1279px) {
	.akey-sales { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; }
	.akey-sales__card { flex-direction: row; align-items: center; gap: 16px; padding: 18px 52px 18px 20px; }
	.akey-sales__card::after { top: 50%; transform: translateY(-50%); line-height: 1; }
	.akey-sales__card:hover::after { transform: translate(4px, -50%); }
}
@media (max-width: 639px) {
	.akey-sales__include ul { grid-template-columns: minmax(0, 1fr); }
	.akey-sales__card { padding: 16px 44px 16px 16px; }
	.akey-sales__card::after { right: 16px; }
	.akey-sales__value { font-size: 17px; }
}
@media (max-width: 379px) {
	.akey-sales__card { padding-right: 16px; }
	.akey-sales__card::after { display: none; }
	.akey-sales__value { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .akey-sales__card, .akey-sales__card::after { transition: none; } }