/* Myrtle Focus Cards (mck-home-focus): ported from site/home/v2/style.css (AMAZON FIRST). */
.mck-home-focus { --display: "Sunset Serial", Georgia, serif; } /* Elementor containers set --display: flex */
.mck-home-focus .af-h { max-width: 18ch; }
.mck-home-focus .af-lead { margin-top: 36px; max-width: 62ch; }
.mck-home-focus .af-grid { display: grid; grid-template-columns: var(--af-cols, 1.2fr 1fr 1fr); gap: 20px; margin-top: clamp(56px, 6vw, 88px); }
.mck-home-focus .af-grid .core { height: 100%; padding: 40px 36px 44px; transition: transform .8s var(--ease); }
.mck-home-focus .af-grid .shell { transition: transform .8s var(--ease); }
.mck-home-focus .af-grid .shell:hover { transform: translateY(-8px); }
.mck-home-focus .af-ic { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--white); margin-bottom: 56px; transition: transform .8s var(--spring); }
.mck-home-focus .af-ic img { width: 30px; }
.mck-home-focus .af-grid .shell:hover .af-ic { transform: rotate(-12deg) scale(1.08); }
.mck-home-focus .af-grid h3 { font-size: clamp(26px, 2.2vw, 32px); font-weight: 300; margin-bottom: 12px; }
.mck-home-focus .af-grid p { font-weight: 300; font-size: 16.5px; }
.mck-home-focus .af-close { display: flex; align-items: flex-start; gap: 20px; margin-top: 56px; max-width: 820px; font-family: var(--display); font-weight: 300; font-size: clamp(22px, 2vw, 30px); line-height: 1.35; color: var(--ink); }
.mck-home-focus .af-close img { width: 34px; flex: none; margin-top: 4px; }
@media (max-width: 1080px) {
  .mck-home-focus .af-grid { grid-template-columns: 1fr; }
}